1.7.14

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

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

Установка

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

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

Image

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

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

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

Image

Необходимо добавить 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. В открывшемся файле найдите строку с кодом:
    1. <div class="ty-product-feature__label">
  3. Перед найденной строчкой вставьте код:
    1.  {hook name="product_features:ms_feature_label"}
  4. После найденной строчкой вставьте код:
    1.  {/hook}
  5. В результате у вас должно получится следующее:
    1. {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}
      Image
  6. Сохраните изменения в файле;
  7. Очистить кэш.

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

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

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

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

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

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

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

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

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

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

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

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

Image

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

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

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

Image

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

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

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

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

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