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

Опции в списке товаров opencart

5/59 оценки

Доброго времени суток уважаемый посетитель нашего сайта. Если ты находишься на данной странице то наверняка тебя заинтересовала возможность вывода опций товара в категорию (список) товаров. Данная задача очень часто у меня возникает когда клиент заказывает разработку интернет магазина, в связи с этим я опишу здесь реализацию данного способа, ведь сложного здесь ничего нет и после ознакомления и следуя данной инструкции вы без труда сможете отобразить все доступные опции товара в категории 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 стилей так как они здесь ни к чему из за разных шаблонов, каждый вид опций уже подправляет под себя.

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

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

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

  •   17.05.2020 в 23:44

    Единственный способ который работает) спасибо

    Ответить
  •   07.09.2020 в 00:06

    Сделайте пожалуйста такое решение для Opencart 3. Очень нужен выбор опций на странице категорий

    Ответить
    • Створення фотогалереї на jQuery
        07.09.2020 в 11:14

      В ближайшее время постараюсь написать инструкцию для Opencart 3

      Ответить
      •   25.11.2020 в 09:13

        Здравствуйте, как продвигаются дела с инструкцией для опенкарт 3? Я в целом сделала вывод опций, но скрипт в подвал добавляю, не работает, видимо другая структура нужна.

        Ответить
        • Створення фотогалереї на jQuery
            27.11.2020 в 11:57

          К сожалению инструкцию для тройки еще не писал, на все не хватает времени.

          Ответить
  •   20.01.2021 в 03:20

    Добрый день!
    Скажите, пожалуйста, вы уже выкладывали такую инструкцию для 3 версии опенкарта?

    Ответить
    • Створення фотогалереї на jQuery
        31.01.2021 в 23:25

      Нет для тройки инструкцию еще не писал, к сожалению с временем сложно…

      Ответить
  •   30.01.2021 в 23:12

    Спасибо очень выручили первой частью, там где вы описываете как получить список опций, как раз из-за этого не работало у меня!!!!!Таких как вы побольше бы.Здоровья крепкого!!!!! ;-)
    делаю на Opencart 3, приходиться подправлять кое где как вы и говорили.

    Ответить
  •   04.04.2021 в 18:10

    Здравствуйте, скажите, а как добавлять товары в корзину из каталога с проверкой опций в OC3?

    Ответить
  •   20.04.2021 в 16:08

    для тройки бы адаптировать… а так спасибо

    Ответить

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

Виберіть спосіб спілкування
Звязатися з нами!
Ми готові до діалогу.