Инструкция Accordion & Tabs & Steps

Следует помнить, что для вывода модуля на любой странице он должен быть добавлен в схемы(макеты)

Никто не запрещает добавить модуль сразу на все схемы(макеты) сайта.
Если к странице не привязан ни один блок, то модуль выводится не будет. Соответствие макетов к страницам: (Не все схемы есть по умолчанию во всех сборках opencart, можно самому создать схему для нужного пути)
  • Главная - Home (common/home)
  • Контакты - Contact (information/contact)
  • Список производителей - Manufacturer (product/manufacturer)
  • Страница производителя Manufacturer Page, создать схему по пути product/manufacturer/info
  • Возврат - Return>, создать схему для пути account/return/add
  • Корзина - Cart, создать схему для пути checkout/cart
  • Личный кабинет - Account (account/%)
  • Форма входа - Login, создать схему по пути account/login
  • Статья магазина (information/information)
  • Статья блога SEO CMS - Record
  • Страница Акций - Special, создать схему для пути product/special
  • Категория - Category (product/category)
  • Товар - Product (product/product)

После настройки основная работа с модулем будет происходить на странице Каталог > Accordion & Tabs

Тут вы будете видеть список всех созданных блоков, а также сможете добавить/удалить блок.

Есть возможность поиска(фильтра) блока из созданных по нескольким критериям: название, тип (вкладка, аккордеон, шаги и тд), статус

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

Создание блока

На вкладке "Общие" расположены поля блока а также кнопка для добавления элементов блока. Элемент блока являет собой вкладку/элемент/списка/панели аккордеона. Таких элементов можно добавить в блок неограничего.
Название блока * Будет выведено перед вкладками/аккордеоном. Поле обязательное. Вывод название для блоков можно отключить в глобальных настройках модуля
Описание При необходимости можно добавить описание для блока. Будет выведено под названием. Рекомендуется к заполнению при импользовании разметки HowTo(инструкция), но не обязательно

Список елементов блока

Выводится список добавленных в блок элементов.
Добавить можно через кнопку "+"
Сортировать эелементы можно путем перетаскиванию, по клику на значку сортировки слева.

Поля элемента блока

Название * Название табы/элемента аккордеона/шага/панели/элемента списка
Текст Текст табы/элемента аккордеона/шага/панели/элемента списка
Поле может быть обрезано через ф-ю strip_tags на предмет невалидных для микроразметки тегов. Поведение обрезки настраивается в глобальных настройках модуля При импользовании разметки FAQ и HowTo поле обязательно к заполнению!
Изображение Можно добавить изображение к элементу. Поле не обязательное, но при использовании разметки HowTo(инструкция) его желательно использовать.
Будет выведено перед текстом, т.е. в начале табы/элемента аккордеона/шага/панели/элемента списка
"Вставить модуль" Полезная кнопка, при клике на которую появиться список установленных модулей магазина. Вы можете вставить любой модуль в нужную вкладку/элемент аккордеона/панели/списка
Удалить модуль можно по клике на эту же кнопку

После добавление элементов и заполнения полей вы можете сохранить изменения кнопкой "Применить"

Подробнее о вкладке "Связи" в следующем разделе

Вкладка "Связи" позволяет привязать блок к любой странице/сущности в магазине

Привязка к товарам

Поле "Добавить конкретные товары" позволяет добавить нужные товары в привязки с блоком, после чего блок будет выводится на страницах данных товаров

Также можно поставить опцию "Выводить для всех товаров", и блок будет выведен сразу для всех товаров

Не забудьте добавить модуль в макет "Товар" (Product) для вывода модуля

Привязка к категориям и производителям

В списках "Категории" и "Производители" можно проставить необходимые связи"
Не забудьте добавить модуль в макеты "Категория"(Category) и "Производитель" (возможно нужно будет создать макет, см. в разделе Добавление модуля в схемы для вывода на сайте)

Главная и другие системные страницы

Доступна возможность привязать блок к Главной, Списку производителей, Личному кабинету, Форме входа, Странице возврата, Странице акций Это можно сделать через соответствующие кнопки во вкладке "Связи" Такие же кнопки есть и для привязки блока к статьям магазина

Дополнительно

Кроме того можно задать связи с статьями блога SEO CMS а также с посадочными страницам фильтра OCfilter. Это можно сделать путем добавления привязки в поле "Кастомные пути"

Для SEO CMS: record_id = id, где id- это идентификатор статьи

Для OCfilter страницы: filter_ocfilter_page_id=id, где id- это идентификатор посадочной страницы

Эти идентификаторы можно увидеть в строке браузера при редактировании статьи или посадочной страницы соответственно Настройки вывода блока в следующем разделе

Общие настройки блока

Статус Включит/отключить вывод данного блока
Порядок сортировки Можно указать порядок сортировки. Полезно, если на одной странице выводится несколько блоков одновременно
Привязка по селектору На странице блок выводится в конкретной позиции. Если есть неободимость разместить модуль в другом месте, можно указать метод jQuery и селектор, куда посестить модуль Возможные варианты:
  • $([module]).appendTo("#tab-description") - вставить в конец елемента с id tab-description
    т.е. $([module])- сам блок,.appendTo - метод "вставить в конец", ("#tab-description") - селектор блока, в который вставить.
    В даном примере мы вставим наш блок в конец вкладки "Описание" в карточке товара
  • $([module]).prependTo( "#box" ) - вставить в начало елемента с id box
    т.е.$([module])- сам блок, .prependTo - метод "вставить в начало", ("#box") - селектор блока, куда вставить
  • $([module]).insertAfter( "#product" ) - вставить после елемента с id product
    $([module]) - блок, .insertAfter - "вставить после", ("#product") - селектор блока, куда вставить.
    В даном случае, например, в стандартной теме блок будет вставлен примерно под ценой и рейтингом товара, в карточке
[module] будет заменено на селектор модуля, т.е. можете использовать любой метод jquery
Для вывода блока, независимо от того, используется ли данное поле, добавлениее модуля в схемах магазина обязательно!

Переопределение глобальных настроек

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

Самым полезным является поле "Стиль вывода", которое позволяет указать стиль вывода Вкладки/Аккордеон/Шаги/Панель/Список

Таким образом вы можете огранизовать на сайте все эти элементы одновременно, т.е и вкладки, и аккордеон и тд.

По всем доступным для переопределения настройкам таблица с описанием в разделе "Начальная настройка модуля" . Они аналогичные, как в модуле.