[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

OpenCart 2.x. Как работать с модулем «TM Lookbook»

Из этого туториала Вы узнаете, как работать с модулем TM Lookbook в OpenCart 2.

Лукбук – это набор фотографий, на которых Вы можете отметить любой фрагмент изображения. Этот модуль позволяет отметить товары одного или нескольких брендов.

Модуль имеет два режима отображения в одной из позиций магазина: в виде Баннера(1) или в виде Коллекции(2).

  1. Для того чтобы работать с этим модулем, откройте вкладку Расширения > Расширения > Модули (Extensions > Extensions > Modules) и прокрутите к разделу TM Lookbook.

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_01

  2. Нажмите на Добавить новый (Add new)

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_02

  3. Введите общую информацию: Название модуля, Название коллекции, Отображение содержимого и статуса. Для Отображения содержимого Вы увидите две доступные настройки:

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_03

    1. Режим отображения «Баннер»;

      OpenCart_2.x._How_to_manage_TM_Lookbook_module_04

    2. Режим отображения «Коллекция».

      OpenCart_2.x._How_to_manage_TM_Lookbook_module_05

  4. Для содержимого Баннера (Banner) укажите значения следующих настроек:

    1. Класс оболочки баннера (Banner Wrapper Class): класс оболочки баннера;

    2. Изображение баннера (Banner Image): изображение баннера;

    3. Ширина изображения баннера (Banner Image Width): ширина изображения баннера;

    4. Высота изображения баннера (Banner Image Height): высота изображения баннера;

    5. Описание баннера (Banner Description): описание баннера.

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_06

  5. Для содержимого лукбука Коллекция (Collection) определите следующие настройки:

    1. Изображение коллекции (Collection Image): изображение коллекции;

    2. Ширина изображения коллекции (Collection Image Width): ширина изображения коллекции;

    3. Высота изображения коллекции (Collection Image Height): высота изображения коллекции;

    4. Товары (Products): товары коллекции;

    5. Ширина изображения коллекции (Product Image Width): ширина изображений товаров;

    6. Высота изображения товара (Product Image Height): высота изображений товаров.

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_07

  6. Для того чтобы отметить выбранные товары на изображении:

    1. Нажмите на кнопку «Добавить карту изображения» (Add Image Map).

      OpenCart_2.x._How_to_manage_TM_Lookbook_module_08

    2. Внизу, Вы увидите окно, которое позволяет создать области выбора и добавить товары в эти области.

      Создаваемые Вами области могут быть трёх форм: квадратная, круглая, и сложная (многоугольная).

    3. Для того чтобы создать область выбора на картинке, нажмите на кнопку, название которой соответствует нужной форме области.

    4. Выбрав форму, разместите её на картинке. Нажмите левой кнопкой мышки на нужную часть изображения, нарисуйте область.

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

    5. Нажмите на кнопку «Редактировать» (Edit).

    6. Дважды кликните выбранную область и выберите нужный товар из выпадающего списка.

    7. Нажмите на кнопку «Сохранить» (Save).

    8. Отметив все области и разместив все товары, нажмите на кнопку Сохранить вверху.

      OpenCart_2.x._How_to_manage_TM_Lookbook_module_09

  7. Закончив внесение изменений, сохраните настройки модуля.

    OpenCart_2.x._How_to_manage_TM_Lookbook_module_10

Нужно больше шаблонов? Ознакомьтесь с нашей коллекцией первоклассных шаблонов OpenCart.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

OpenCart 2.x. Как работать с модулем «TM Lookbook»