Расширенные подсказки для фильтров

Установка

После скачивания модуля, его установка производится штатными средствами CS-Cart на странице Панель администратора → Модули → Управление модулями → Загрузить и установить модуль (+).

Для версии CS-Cart более 4.13.1 Панель администратора → Модули → Управление модулями → Кнопка Шестеренка → Ручная установка.

Установка хуков

Для корректной работы требуется установить хуки по инструкции. Информация собрана во вкладке модуля Информация.

Данная операция по добавлению хуков актуальна для текущей версии модуля v.1.7.14 и более поздних, в будущих версиях возможно данная операция уже не понадобиться.

Необходимо добавить hook product_features:ms_feature_label в файл “product_features.tpl”:

1. Откройте файл product_features.tpl
1. Его расположение зависит от нескольких переменных:
1. Если вы используете тему UniTheme2 , то файл будет находиться по пути: public_html/design/themes/abt__unitheme2/templates/views/products/components
2. Если вы используете тему Youpi , то файл будет находиться по пути: public_html/design/themes/abt__youpitheme/templates/views/products/components
3. Если вы используете тему Responsive, то файл будет находиться по пути: public_html/design/themes/responsive/templates/views/products/components
4. Если вы используете тему Responsive и у вас установлен и включен модуль AB: SEO-страницы для фильтров, то файл будет находиться по пути: public_html/design/themes/responsive/templates/addons/ab__seo_filters/overrides/views/products/components
2. В открывшемся файле найдите строку с кодом:

<div class="ty-product-feature__label">

3. Перед найденной строчкой вставьте код:

 {hook name="product_features:ms_feature_label"}

4. После найденной строчкой вставьте код:

 {/hook}

5. В результате у вас должно получится следующее:

{hook name="product_features:ms_feature_label"}
        <div class="ty-product-feature__label"><span>{$feature.description nofilter}</span>{if $feature.full_description|trim}{include file="common/popupbox.tpl" link_meta="ty-icon ty-icon-help-circle cm-dialog-auto-size ut2-append-body" id="ut2_features_dialog_`$feature.feature_id`" text=$feature.description content=$feature.full_description show_brackets=false}{/if}</div>
        {/hook}



6. Сохраните изменения в файле;
7. Очистить кэш.

Создание и редактирование подсказки:

Для создания и редактирования подсказки необходимо:

1. Открыть раздел Товары - Характеристики;
2. Выбрать характеристику для которой хотите добавить подсказку;
3. В открывшемся окне найти поле Описание;
4. Вписать текст подсказки;
5. Нажать Сохранить.

Подключение словаря терминов:

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

1. Открыть раздел Товары - Характеристики;
2. Выбрать характеристику которую хотите отобразить в словаре терминов;
3. В открывшемся окне найти поле "MS: Отображать в словаре терминов" и поставить отметку.
4. Нажать Сохранить;
5. Открыть раздел группы характеристик;
6. Открыть группу характеристик, к которой принадлежит характеристика, для которой включили отображение ранее.
7. В открывшемся окне найти поле "MS: Отображать в словаре терминов" и поставить отметку;
8. Нажать Сохранить.

Теперь подсказка будет отображаться для фильтра на вашем веб-сайте, и пользователи смогут увидеть дополнительную информацию или объяснение, когда взаимодействуют с этим фильтром.

Настройки модуля

Оформление отображения подсказок:

В модуле доступны следующие варианты типов отображения подсказок:

• Popup: В данном режиме, подсказка будет представлена в виде всплывающего окна.
• Tooltip: В этом режиме подсказка будет представлена в виде расширенного окна с возможностью выбора размеров этого окна. Вы сможете задать размеры окна подсказки вручную, чтобы адаптировать его под свои потребности.

При выборе цветовой гаммы подсказки, у вас есть возможность определить светлую или темную тему оформления, которая будет соответствовать дизайну вашего интернет-магазина.

Если выбран тип отображения подсказки Tooltip, то появляется возможность выбрать Способ отображения подсказки:

• По наведению: В этом режиме подсказка будет автоматически показываться, когда пользователь наводит курсор на иконку.
• По нажатию: В этом режиме подсказка будет открываться только после того, как пользователь кликнет на иконку.

При выборе отображения подсказок в виде Tooltip, у вас появляется дополнительная функция - возможность задать размеры окна.

В настройках доступен выбор цвета иконки подсказки:

• Выбор цвета иконки в покое: Вы сможете выбрать цвет для иконки, которая будет отображаться в обычном состоянии (когда пользователь не взаимодействует с ней).
• Выбор цвета иконки при наведении: Здесь вы сможете выбрать цвет иконки, когда пользователь наводит на неё курсор мыши.
• Выбор цвета иконки при нажатии: Эта опция позволит вам задать цвет иконки, когда пользователь кликает на неё.

Словарь терминов

Во вкладке "Словарь терминов" доступны настройки, связанные с функционалом и отображением словаря терминов на вашем веб-сайте. В этом разделе вы сможете настроить параметры, которые касаются создания и управления словарем терминов.

• Показывать ссылку на словарь терминов: Добавляет ссылку в окно подсказки для доступа к словарю терминов на вашем сайте.
• Открывать словарь терминов в новом окне: Открывает словарь терминов в новой вкладке браузера при нажатии на ссылку.
• Включить индексацию: Позволяет поисковым системам индексировать содержимое словаря терминов, что улучшит видимость вашего сайта в результатах поиска.
• Отступ от верхней границы шапки сайта до искомого термина: Задает расстояние от верхней части страницы (например, меню) до начала словаря терминов.
• Скорость прокрутки страницы до искомого термина (в миллисекундах): Устанавливает время, за которое страница плавно прокручивается к искомому термину при переходе в словарь терминов.