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

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

Необходимо добавить hook product_features:ms_feature_label в файл “product_features.tpl”:
- Откройте файл product_features.tpl
- Его расположение зависит от нескольких переменных:
- Если вы используете тему UniTheme2 , то файл будет находиться по пути: public_html/design/themes/abt__unitheme2/templates/views/products/components
- Если вы используете тему Youpi , то файл будет находиться по пути: public_html/design/themes/abt__youpitheme/templates/views/products/components
- Если вы используете тему Responsive, то файл будет находиться по пути: public_html/design/themes/responsive/templates/views/products/components
- Если вы используете тему Responsive и у вас установлен и включен модуль AB: SEO-страницы для фильтров, то файл будет находиться по пути: public_html/design/themes/responsive/templates/addons/ab__seo_filters/overrides/views/products/components
- В открывшемся файле найдите строку с кодом:
- Перед найденной строчкой вставьте код:
- После найденной строчкой вставьте код:
- В результате у вас должно получится следующее:
- Сохраните изменения в файле;
- Очистить кэш.
<div class="ty-product-feature__label">
{hook name="product_features:ms_feature_label"}
{/hook}
{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}
noab.png)
Создание и редактирование подсказки:
Для создания и редактирования подсказки необходимо:
- Открыть раздел Товары - Характеристики;
- Выбрать характеристику для которой хотите добавить подсказку;
- В открывшемся окне найти поле Описание;
- Вписать текст подсказки;
- Нажать Сохранить.


Подключение словаря терминов:
Для того, чтобы текст подсказки отображался на странице "Словарь терминов", необходимо:
- Открыть раздел Товары - Характеристики;
- Выбрать характеристику которую хотите отобразить в словаре терминов;
- В открывшемся окне найти поле "MS: Отображать в словаре терминов" и поставить отметку.
- Нажать Сохранить;
- Открыть раздел группы характеристик;
- Открыть группу характеристик, к которой принадлежит характеристика, для которой включили отображение ранее.
- В открывшемся окне найти поле "MS: Отображать в словаре терминов" и поставить отметку;
- Нажать Сохранить.



.png)
Теперь подсказка будет отображаться для фильтра на вашем веб-сайте, и пользователи смогут увидеть дополнительную информацию или объяснение, когда взаимодействуют с этим фильтром.
Настройки модуля
Оформление отображения подсказок:
В модуле доступны следующие варианты типов отображения подсказок:
- Popup: В данном режиме, подсказка будет представлена в виде всплывающего окна.
- Tooltip: В этом режиме подсказка будет представлена в виде расширенного окна с возможностью выбора размеров этого окна. Вы сможете задать размеры окна подсказки вручную, чтобы адаптировать его под свои потребности.
.png)
При выборе цветовой гаммы подсказки, у вас есть возможность определить светлую или темную тему оформления, которая будет соответствовать дизайну вашего интернет-магазина.
.png)
Если выбран тип отображения подсказки Tooltip, то появляется возможность выбрать Способ отображения подсказки:
- По наведению: В этом режиме подсказка будет автоматически показываться, когда пользователь наводит курсор на иконку.
- По нажатию: В этом режиме подсказка будет открываться только после того, как пользователь кликнет на иконку.
.png)
При выборе отображения подсказок в виде Tooltip, у вас появляется дополнительная функция - возможность задать размеры окна.
.png)
В настройках доступен выбор цвета иконки подсказки:
- Выбор цвета иконки в покое: Вы сможете выбрать цвет для иконки, которая будет отображаться в обычном состоянии (когда пользователь не взаимодействует с ней).
- Выбор цвета иконки при наведении: Здесь вы сможете выбрать цвет иконки, когда пользователь наводит на неё курсор мыши.
- Выбор цвета иконки при нажатии: Эта опция позволит вам задать цвет иконки, когда пользователь кликает на неё.
.png)
Словарь терминов
Во вкладке "Словарь терминов" доступны настройки, связанные с функционалом и отображением словаря терминов на вашем веб-сайте. В этом разделе вы сможете настроить параметры, которые касаются создания и управления словарем терминов.

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