Инструкция Accordion & Tabs & Steps
Следует помнить, что для вывода модуля на любой странице он должен быть добавлен в схемы(макеты)
Опция | Описание | |
Статус | Включить / отключить модуль на сайте | |
Подключить автономные css и js модуля | Модуль использует стили и скрипты популярной библиотеки bootstrap. В некоторых шаблонах эти библиотеки свои, по этому если табы/аккордеон/панели не работают или стили слетели, можно включить настройку, и будут подключены резервные css и js модуля, что позволяет использовать модуль на нестандартных шаблонах без бутстрапа | |
Показать заголовок блока | Можно скрыть заголовок блока, и он не будет выводится для посетителей сайта | |
Стиль вывода |
Задать режим вывода списка элементов блоков, созданных в Каталог > Accordion & Tabs, на сайте. Доступные варианты: ""Аккордеон, "Вкладки", "Шаги", "Панель:заголовок и содержимое", "Список" |
|
Раскрыть 1 элемент аккордеона | Настройка поведения аккордеона при загрузке страницы | |
Скрывать остальные элементы акордеона при клике? | Настройка поведения аккордеона при клике | |
Маркер элемента | Можно указать маркер (значек) для элементов аккордерна/списка/панели:заголовок и содержимое. Он будет выводится перед названием элемента Возможно использование как html символов, так шрифта Font Awesome, если он подключен в вашей теме. Эту настройку можно переопределять для каждого блока при его редактировании в Каталог > Accordion & Tabs, вкладка "Данные" | |
Режим html редактора | Настройка режима редактора поля "Текст" в админке модуля. Удобно, если вам не нужны все иструменты редактора.
|
|
Микроразметка | Можно выбрать тип микроразметки или отключить ее.
Эту настройку можно переопределять для каждого блока при его редактировании в Каталог > Accordion & Tabs, вкладка "Данные" |
|
Отключить strip_tags для содержимого полей (очищается при сохранении)? | По умолчанию ф-я strip_tags включена, а это означает что при сохранении блока все недопустимые теги для микроразметки будут очищены
Допустимо использование тегов |
|
На страницах пагинации показывать только на 1-й | Полезная возможность, которая позволяет не выводить модуль на страницах пагинации (например на странице категории, или на странице товаров производителя), чтобы исключить дублирования контента на сайте | |
Размеры изображений | Можно указать ширину/высоту изображения элемента блока, если оно добавлено. Не влияет на размеры изображений, вставленные через визуальный редактор по поле "Текст
Эту настройку можно переопределять для каждого блока во вкладке "Данные" |
|
Поместить модуль в класс .container ? | В зависимости от вашего шаблона и позиции вывода модуля, иногда может быть полезна данная настройка. Если блок выходит за границы области контента вашего сайта, включите эту настройку.
Эту настройку можно переопределять для каждого блока во вкладке "Данные" |
|
Если к странице не привязан ни один блок, то модуль выводится не будет. Соответствие макетов к страницам: (Не все схемы есть по умолчанию во всех сборках 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 и селектор, куда посестить модуль
Возможные варианты:
Для вывода блока, независимо от того, используется ли данное поле, добавлениее модуля в схемах магазина обязательно! |
Переопределение глобальных настроек
Можно задать свои настройки поведения и отображения для конкретного блока, независимо от глобальных настроект в модуле
Самым полезным является поле "Стиль вывода", которое позволяет указать стиль вывода Вкладки/Аккордеон/Шаги/Панель/Список
Таким образом вы можете огранизовать на сайте все эти элементы одновременно, т.е и вкладки, и аккордеон и тд.
По всем доступным для переопределения настройкам таблица с описанием в разделе "Начальная настройка модуля" . Они аналогичные, как в модуле.