Аккордеон (FAQ) — выпадающие блоки, вопросы и ответы

Аккордеон (FAQ) для OpenCart и ocStore 2.3

Выпадающие блоки «вопрос — ответ» для карточек товаров, категорий и статей. Каждый блок показывается только там, где нужен: в выбранных категориях, у нужных брендов, в конкретных товарах и статьях.

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

Пример
Нужно показать «Частые вопросы о телевизорах Samsung» только в телевизорах Samsung. Создаёте блок, ставите его в схему «Товар» и в ограничениях отмечаете категорию «Телевизоры» и бренд Samsung. В остальных товарах блока не будет: модуль проверяет условия сам, когда открывается страница.

Что умеет

• Сколько угодно блоков. В каждом заголовок, вводный текст и вкладки с ответами; в текстах работает HTML: списки, таблицы, ссылки, картинки.
• Тексты на каждом языке магазина, на витрине показывается язык посетителя. Если на каком-то языке текста нет, покажется текст другого языка.
• Поведение: «Закрывать другие вкладки» (открыта одна) или «Оставлять вкладки открытыми».
• Вкладки при загрузке страницы: все закрыты, открыта первая или открыты все.
• Ширина блока в пикселях или процентах, выравнивание заголовка и описания, теги заголовков (H2–H5, p, div, span) под структуру страницы.
• Микроразметка «Вопросы и ответы» (schema.org FAQPage) включается флажком в настройках блока и встраивается в HTML самого блока.
• Порядок вкладок задаётся числом сортировки.

Где показывается блок
Блок ставится в схему (Дизайн → Схемы) как обычный модуль, а внутри схемы показ можно сузить. Для четырёх типов страниц — категорий, товаров, статей и производителей — у блока три варианта:

• на всех страницах этого типа;
• только на выбранных страницах;
• ничего не выбрано — на страницах этого типа блок не показывается. Блок, случайно поставленный в чужую схему, там не появится.

Товары можно выбрать поштучно, по категориям и по брендам; категория и бренд вместе сужают показ, как в примере выше. Товары из списка «Не показывать в товарах» блок обходит всегда. На остальных страницах (главная, поиск, корзина, блог) блок выводится там, где стоит в схеме. В начале вкладки «Ограничения вывода» сводка: что получилось по каждому типу страниц.

На витрине

• Если открытая вкладка ушла заголовком за верх окна или под закреплённую шапку темы, страница прокручивается к ней. Если заголовок виден, страница остаётся на месте.
• Заголовки вкладок размечены для программ чтения с экрана (aria-expanded, aria-controls).
• Оформление на классах, в отдельном файле стилей: тема переопределяет их без !important. Шаблон блока можно скопировать в папку своей темы и править копию.
• Бренд и категории товара читаются один раз на страницу, сколько бы блоков с ограничениями ни стояло в схеме.

Обновление и сохранность блоков

• Новая версия ставится поверх прежней заменой файлов. Блоки, вкладки и места в схемах остаются, а настройки прежних версий работают так же, как работали.
• Модуль хранит копию своих блоков и их мест в схемах. «Удалить» в «Дополнения → Модули» стирает в OpenCart все блоки модуля; повторное «Установить» вернёт их из копии.

Совместимость

• OpenCart 2.3 и ocStore 2.3 (проверено на OpenCart 2.3.0.2 и ocStore 2.3.0.2.3).
• PHP 5.6 – 8.0.
• Темы на Bootstrap 3 с jQuery: стандартная тема OpenCart 2.3 и большинство тем для неё.
• Своих таблиц в базе и модификаций OCMOD/VQmod нет, файлы движка и темы модуль не меняет. Для копии блоков регистрируется одно событие OpenCart.
• Ключ активации и привязка к домену не нужны.

Установка

• «Дополнения → Установка дополнений»: загрузите архив (установщику нужен FTP или модификация localcopy) либо скопируйте содержимое папки upload в корень сайта.
• «Дополнения → Дополнения → Модули» → «Аккордеон» → «Установить».
• Создайте блок и добавьте его в нужную схему в «Дизайн → Схемы».

Написать

Ваше Имя:


Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

Файлы будут доступны после покупки