Опции в списке товаров opencart
Добавляем отображение и выбор опций в каталог, категорию товара
Создание, разработка, изготовление сайтов | WEB-STYDIA.COM

Доброго времени суток уважаемый посетитель нашего сайта. Если ты находишься на данной странице то наверняка тебя заинтересовала возможность вывода опций товара в категорию (список) товаров. Данная задача очень часто у меня возникает когда клиент заказывает разработку интернет магазина, в связи с этим я опишу здесь реализацию данного способа, ведь сложного здесь ничего нет и после ознакомления и следуя данной инструкции вы без труда сможете отобразить все доступные опции товара в категории opencart.

По умолчанию opencart дает возможность выбора соответствующей опции только в самой карточке товара, но нам же нужен именно вывод опций в списке товаров на странице категории, по сути нам нужно скопировать существующую конструкцию опций карточки товара и поместить ее в категорию, обычное копирование конечно же ничего не даст и нужно будет немного изменить и добавить код , что бы опции не просто показывались но и еще что бы была возможность делать покупку товара не уходя со страницы категории.

Опции в категории очень удобно особенно для каких то однотипных товаров для которых клиенту не обязательно смотреть описание и характеристики товара, и он сможет не уходя с общего списка добавить все интересующие его позиции в корзину.

Что еще можно сказать, данный метод вывода опций в категории будет работать именно на версии opencart 1.5... Так как именно на данной версии клиент купил у меня готовый интернет магазин и именно для него я писал инструкцию для опций. Данный способ конечно же можно использовать и для двойки или же других версий, но с применением небольших изменений но по сути все остается таким же.

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



Изменения мы будем вносить всего в три файла:

  • catalog/language/russian/product/category.php (языковый файл)
  • catalog/controller/product/category.php (контролер категории)
  • catalog/view/theme/Ваш_шаблон/template/product/category.tpl (Ну и сам шаблон TPL категории)

Первым открываем файл контролера catalog/controller/product/category.php и вносим требуемые изменения:

Находим код:

И сразу же перед ним добавляем:

Там же чуть ниже ищем код:

и после него добавляем:

Далее ищем следующий кусок кода:

После которого добавляем следующее:

Все с контролером закончили и теперь можно приступать к правке следующего файла.

Вторым отрываем файл шаблона категории вашей темы (шаблона) Opencart, а именно открываем файл catalog/view/theme/Ваш_шаблон/template/product/category.tpl

Находим кусок кода:

После которого и выведем блок с списком опций а именно:

После ищем кусок кода:

И после него добавим следующее:

Далее после строки:

Добавим следующее:



После ищем код:

И добавляем после него немного стилей и JS код:

И самым последним пунктом нужно будет найти на странице:

И заменить его на:

Все с файлом шаблона закончили.

Последним третьим файлом будет файл catalog/language/russian/product/category.php в котором нам нужно будет в произвольном месте добавить одну единственную строчку перевода а именно:

Вставить можно к примеру после:

Вот собственно и все что нам нужно было сделать, теперь все доступные опции будут у вас в категории и покупатель сможет их выбрать не покидая самой странице категории.

Конечно же у каждого из вас разные шаблоны магазина, и возможно что то будет иметь немного другой вид но общий принцип всегда остается одинаковым, так же здесь нет примера CSS стилей так как они здесь ни к чему из за разных шаблонов, каждый вид опций уже подправляет под себя.

Общим удачи вам, пробуйте и у вас все получится.

Вас также может заинтересовать

Нет комментариев

Вы можете оставить комментарий первым.

Оставить комментарий

Пожалуйста, введите Ваше имя. Пожалуйста, введите действительный адрес электронной почты. Пожалуйста, введите сообщение.