Moushe.ru

Блог обо всём

OpenCart изменяем каталог товаров (2 часть)



Сегодня мы с вами доделаем  вывод товаров.

До:                                                      После:

13

(Цифры строк заданы приблизительно, у вас строки кода могут быть под другими цифрами)

1. Откроем файл category.tpl (..\catalog\view\theme\default\template\product) и изменим эти строки (54-55):

<b><span style="color: #000; font-size: 11px;"><?php echo $products[$j]['model']; ?></span>
<a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a></b>

на эти:

<div class="tovarmod"><?php echo $products[$j]['model']; ?>
<a href="<?php echo $products[$j]['href']; ?>"><?php echo $products[$j]['name']; ?></a></div>

(теперь мы сможем задавать цвет и размер номера товара в css файле)

изменим эту строку (57):

<span style="color: #666; font-size: 12px;"><?php echo $products[$j]['mini_description']; ?></span><br />

на эту:

<div class="tovaropis"><?php echo $products[$j]['mini_description']; ?></div>

(теперь мы можем изменять оформление краткого описания товара в css файле)

изменим эту строку (62):

<span style="color: #900; font-weight: bold;"><?php echo $products[$j]['price']; ?></span>

на эти:

<div class="chena">Ваша цена:</div>
<div class="tovarchena"><?php echo $products[$j]['price']; ?></div>

(теперь мы можем задавать цвет, размер символов и отступ вниз для цены)

 

2. Откроем файл stylesheet.css (..\catalog\view\theme\default\stylesheet) и добавим в него эти строки:

.tovarmod {
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.tovaropis {
font-size: 12px;
color: #666666;
}
.chena{
font-size: 12px;
color: #999;
text-align: left;
padding-top: 1px;
padding-bottom: 2px;
}
.tovarchena{
font-size: 15px;
color: #ea7f00;
padding-bottom: 1px;
font-weight: bold;
}

 

Смотрим на результат:

2

3. Возьмём кнопочку из старого урока, сделаем из неё 2 варианта и закинем в папку image (..\catalog\view\theme\default\image):

shopopis

Откроем файл category.tpl (..\catalog\view\theme\default\template\product) и изменим эти строки (68-72):

<a href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" >В корзину</a>
<?php } ?>
<br />
<a href="<?php echo $products[$j]['href']; ?>" title="Полное описание товара" >Подробнее</a>
<br />

на эти:

<a class="shop" href="<?php echo $products[$j]['add']; ?>" title="<?php echo $button_add_to_cart; ?>" ></a>
<?php } ?>
<a class="opis" href="<?php echo $products[$j]['href']; ?>" title="Полное описание товара" ></a>
<br />

4. Откроем stylesheet.css (..\catalog\view\theme\default\stylesheet) и добавим в него такой код:

.shop, a.shop:visited {
display: block;
background: url('../image/shop.gif') no-repeat left center transparent;
width: 110px;
height: 32px;
text-decoration: none;
cursor:pointer;
}
.opis, a.opis:visited {
display: block;
background: url('../image/opis.gif') no-repeat left center transparent;
width: 110px;
height: 32px;
text-decoration: none;
cursor:pointer;
}

 

Любуемся результатом:

3

Изменим пару строк прошлого урока, это:

.list2 a:hover{
padding-top: 2px;
color: #de7622;
font-weight: bold;
font-size: 13px;
text-decoration: none;
}

изменим на это:

.list2 a:hover {
color: #de7622;
text-decoration: none;
}

На этом наш урок окончен, следите за новостями. Улыбка

26 Комментариев

  1. Вячеслав

    18.01.2012 at 11:40

    Хотел заменить текст на кнопки в корзину и подробнее, но не получилось. Из за предыдущего вашего урока который мне не нужен у меня немного другой код стоит, и я не могу разобратся. Может можно вам выслать свои файлы на имейл category.tpl и stylesheet.css чтобы Вы подсказали что на что заменить?

  2. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    18.01.2012 at 21:30

    Открываете все модули которые будете отображать на витрине магазина и ищете в них кнопку в корзину (button_add_small), и повторяете 3 (заливаете картинки и вставляете вместо кнопки в корзину код данный для двух кнопок — в корзину, подробнее) и 4 шаг этого урока.
    Если не понимаете написанного тогда присылайте tpl файл мне на почту — hruhru.87@mail.ru

  3. Андрей

    24.01.2012 at 17:06

    Здравствуйте, а можно ли сделать, что-бы в центральном модуле не появлялись подкатегории, а сразу выводились товары из этих подкатегорий? Или при нажатии на категорию просто открывался бы список подкатегорий, а в центральном модуле всё оставалось без изменений.

  4. Андрей

    25.01.2012 at 01:43

    Спасибо, судя по всему, то, что нужно.
    И ещё вопрос, хотя и не совсем в тему : есть ли возможность импорта товаров из Excel не всего каталога, а хотя бы по отдельным категориям ( в идеале просто добавляя новые товары)?

  5. Андрей

    25.01.2012 at 18:18

    Установил модуль «дерево категорий», но некоторые названия категорий не помещаются по ширине. Можно ли сделать перенос по словам или увеличить ширину модуля категорий?

  6. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    25.01.2012 at 22:18

    Да можно, открываете stylesheet.css и меняете это:


    #column_left {
    float: left;
    width: 180px; (ширина левой колонки с модулями)
    margin-right: 10px;
    clear: left;
    }
    #column_right {
    float: right;
    width: 180px; (ширина правой колонки с модулями)
    margin-left: 10px;
    clear: right;
    }
    #content {
    margin-left: 190px; (отступ от левой части шаблона, должно быть на 10 пикс больше чем ширина колонки)
    margin-right: 190px; (аналогично верхнему, только от правой стороны)
    margin-bottom: 10px;
    }

  7. как изменять размер блоков где находятся фото товара,название и цена?

  8. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    11.02.2012 at 15:17

    Добавляете в css:
    width: **px;

  9. Евгений

    14.02.2012 at 16:06

    Все отлично работает. Большое спасибо.Вопрос такой — стоял модуль быстрого добавления в корзину add2cart , это везде где + ( button_add_small ) товар залетал без открытия корзины ,можно ли здесь так сделать. А то в корзине при нажатии заказать ещё перебрасывает на главную. Очень неудобно. С Уважением!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      14.02.2012 at 21:46

      Нужно оставить стандартное название кнопки в корзину и переписать её стиль в ксс.

  10. Евгений

    18.02.2012 at 02:10

    Спасибо все отлично получилось.

  11. Евгений

    18.02.2012 at 13:20

    По изменению каталога товаров . Все хорошо, но случайно обнаружил в ….. Internet Explorer главная страница нормальная а категории черт знает что. Скажите пожалуйста как это побороть. Посмотреть можно тут http://wirbel-ru.ru/wirbel-eko/ . Да и не могу убрать модель приходится ставить точку. С Уважением!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      18.02.2012 at 16:04

      Не знаю в чём проблема — помочь не смогу.

  12. Владислав Храмцов
    vkontakte.ru Владислав Храмцов

    18.02.2012 at 16:02

    Модель легко убирается — < ?php echo $products[$j]['model']; ?> — удалите эту строку и всё.

    • ?php echo $products[$j][‘model’]; ?>

      это в каком файле редактировать?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      17.05.2012 at 21:06

      Вопрос задан по этой статье, в статье мы изменяли код в category.tpl — вывод легко вычисляется самостоятельно. 😉

  13. Евгений

    25.02.2012 at 20:55

    Спасибо за отличные уроки. Все четко получилось. Только хотелось бы чтобы можно было вводить количество товара. Возможно ли это сделать. С Уважением!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      25.02.2012 at 21:24

      Попробую поковырять код, но не знаю получится ли. 🙂

  14. Евгений

    25.02.2012 at 21:30

    Спасибо думаю все будут очень благодарны

  15. Евгений

    10.11.2012 at 01:21

    Все хорошо, но скажите пожалуйста спецпредложения ( перечеркнутая цена ) не добавляется в корзину.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      10.11.2012 at 02:14

      Я уже давно не работаю с опенкарт 1.4.9 помочь не смогу, а так создайте спецпредложение и нажмите на него, после этого зайдите в админке в логи и посмотрите на какой файл будет ругаться опенкарт.

  16. Вячеслав

    28.03.2013 at 13:36

    Подскажите где можно указать(поменять) количество товара в строке?

  17. подскажите пожалуйста, как заменить кнопку «купить» на любую другую? например на «заказать звонок». мне ненадо что клиент пытался что то купить у меня на сайте, мне надо чтобы он звонил и вызывал бесплатно специалиста на дом. заранее спасибо.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      04.08.2014 at 20:31

      В комментарии не ответить — код не вставить + очень много времени написание займёт. Пишите мне в контакт.

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика