ATTENTION : This module is distributed by subscription. By subscribing you get access to all make shop modules.
Please note: modules will only work with an active subscription!
Tooltips for filters solve the problem of customers understanding specific product characteristics and help them make the right choice.
The add-on allows you to display tooltips for filters and to create a dictionary of terms - a section that contains a list of all filters and their descriptions. This makes the add-on an indispensable assistant for stores with technically complex and specific product catalogs.
The add-on provides a wide range of visual settings for creating informative tooltips, changing the type, color, and theme for displaying the tooltip.
Add-on Features
- Shows the filter description
- Choice of tooltip display method
- Ability to change the appearance of the tooltip window
- Ability to change button colors
- Automatically creates a dictionary of terms - a list of filters and their descriptions, with the ability to group by categories
- Store Builder
- Store Builder Ultimate
- Multi-Vendor
- Multi-Vendor Plus
- Multi-Vendor Ultimate
- Buyers
- English
- Русский
- 4.18.X
- 4.17.X
- 4.16.X
- 4.15.X
- 4.14.X
- 4.13.X
- 4.12.X
Оформление подписки
Мы переходим на новую подписную систему, открывая для вас полный доступ ко всем нашим модулям. Подробную информацию об условиях подписки и часто задаваемых вопросах вы можете найти здесь.
Обратите внимание, что приобретение модулей по отдельности теперь недоступно — воспользоваться ими возможно исключительно в рамках подписки.
За единую стоимость подписки - 2000 руб/мес. Вы получаете доступ ко всем модулям.
Как оформить подписку у нас на сайте
Зарегистрируйтесь или авторизуйтесь на нашем сайте и выберите интересующий вас модуль
Нажмите кнопку Запросить триал доступ
Введите в поле URL сайта ваш домен в формате domain.com, без www и https://
Далее в личном кабинете в разделе загрузки вы сможете скачать нужный вам модуль и менеджер модулей для удобного управления модулями и оформления подписки.
Далее у вас есть 7 дней для тестирования выбранного модуля.
По истечении строка триала, для продолжения работы необходимо оплатить подписку.
Сделать это можно из менеджера модулей.
На выбор вы можете оплатить:
для зарубежных карт - PayPal
для РФ карт - Robokassa
Или на странице на сайте https://makeshop.pro/subscription/
При оплате нужно указать электронную почту с которой вы оформляли триал доступ.
При покупке на маркетплейсе CS-Cart
При покупке любого модуля зарубежной картой или картой РФ
Так как система при оформлении подписки не спрашивает дополнительных вопросов (на какой домен подписка оформляется) желательно вводить электронную почту ту же что и ваша учетная запись у нас на сайте (если она есть), тогда ваши учётки свяжутся между собой.
Выберите интересующий модуль и нажмите кнопку “Оформить подписку“
Далее после оплаты подписки вы сможете скачать модуль перейдя в раздел “Загрузки“, там выберите свой заказ и в нем будет ссылка на скачивание.
В дальнейшем, для получения новых модулей по подписке рекомендуем пользоваться нашим сайтом.
Всё что вам будет нужно сделать это на интересующем вас модуле (после авторизации) нажать кнопку “Запросить модуль по подписке“ и после одобрения скачать его в разделе загрузки.
Если что-то пойдет не так - проверьте выписалась ли лицензия
Найдите заказ с датой оформления подписки
Убедитесь что у вас прописался URL сайта в заказ
Если URL сайта неправильный и вам нужно обновить его: переходите в пункт меню “Мои модули”
Ищите модуль и проверьте URL магазина для которого выписана подписка
Installation
After downloading the add-on , it can be installed using the standard CS-Cart tools on the page Admin panel → Add-ons→ Downloaded Add-ons → Upload and install add-on (+).
For CS-Cart version 4.13.1 and above, go to Admin panel → Add-ons→ Donwloaded add-ons → Gear button → Manual installation.
Installation of hooks
For correct operation, you need to install hooks according to the instructions. The information is collected in the Information tab.
This operation of adding hooks is relevant for the current version of the add-on v.1.7.14 and later; in future versions this operation may no longer be needed.
You need to insert the hook product_features:ms_feature_label into the file “product_features.tpl”:
- Open the file product_features.tpl
- Its location depends on several variables:
- If you are using a theme UniTheme2 , then the file will be located along the path: public_html/design/themes/abt__unitheme2/templates/views/products/components
- If you are using a theme Youpi , then the file will be located along the path: public_html/design/themes/abt__youpitheme/templates/views/products/components
- If you are using a theme Responsive, then the file will be located along the path: public_html/design/themes/responsive/templates/views/products/components
- If you are using a theme Responsive and you have the AB add-on installed and enabled: SEO pages for filters, then the file will be located along the path: public_html/design/themes/responsive/templates/addons/ab__seo_filters/overrides/views/products/components
- In the file that opens, find the line with the code:
<div class="ty-product-feature__label">
- Before the found line, insert the code:
{hook name="product_features:ms_feature_label"}
- After the line you found, paste the code:
{/hook}
- As a result, you should get the following:
{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}
- Save the changes to the file;
- Clear cache.
Creating and editing a tooltip:
To create and edit a tooltip, you will need the following steps:
-
Open the "Products - Features" section;
-
Select the feature for which you want to add a tooltip;
-
In the opened window, locate the "Description" field;
-
Enter the tooltip text;
-
Click on "Save.”
Connecting a Glossary of Terms:
To make the tooltip text appear on the "Glossary of Terms" page, you need to perform the following actions:
-
Open the "Products - Features" section;
-
Select the feature for which you want to add a Glossary of Terms;
-
In the opened window, locate the "MS: Display in Glossary of Terms" field and check the box;
-
Click on "Save.;
-
Open the "Feature Groups" section;
-
Open the feature group to which the feature, for which you enabled display earlier, belongs;
-
In the opened window, locate the "MS: Display in Glossary of Terms" field and check the box;
-
Click on "Save
Add-on settings
Design of the appearance of hints:
The add-on offers the following options for tooltip display types:
- Popup: In this mode, the tooltip will be presented as a popup window;
- Tooltip: In this mode, the tooltip will be presented as an extended window with the option to select the dimensions of this window. You will be able to manually set the tooltip window's dimensions to tailor it to your needs.
When selecting the tooltip color scheme, you have the option to define a light or dark theme that will match the design of your online store.
Next, you will have the option to choose the Tooltip Display Method:
- By move: In this mode, the tooltip will automatically appear when the user hovers the cursor over the icon.
- By Click: In this mode, the tooltip will open only after the user clicks on the icon.
When selecting Tooltip, an additional feature becomes available - the ability to set the dimensions of the window.
In the General section, the following functions will be available:
-
Idle Icon Color Selection: You will be able to choose a color for the icon that will be displayed in its normal state (when the user is not interacting with it);
-
Hover Icon Color Selection: Here, you can choose the color of the icon when the user hovers the mouse over it;
-
Click Icon Color Selection: This option will allow you to set the color of the icon when the user clicks on it.
Glossary of Terms
In the "Glossary of Terms" tab, you'll find settings related to the functionality and display of the glossary of terms on your website. In this section, you can configure parameters that pertain to the creation and management of the glossary of terms.
- Show Glossary Link: Adds a link within the tooltip window to access the glossary of terms on your website;
- Open Glossary in New Window: Opens the glossary of terms in a new browser tab when the link is clicked;
- Enable Indexing: Allows search engines to index the content of the glossary of terms, improving your site's visibility in search results;
- Top Header Margin to Target Term: Sets the distance from the top of the page (e.g., the menu) to the start of the glossary of terms;
- Page Scroll Speed to Target Term (in milliseconds): Sets the time it takes for the page to smoothly scroll to the target term when transitioning to the glossary of terms.
v1.7.15 (coming soon)
[+] Added video preloader
[!] Does not work on responsive (But if Unithema2 is installed, it works). Fixed [!] Same width of tooltip text on pages with tooltips and on the tooltip glossary page. Fixed
[!] Fixed bug with replacing addon variable when updating add-ons
[!] When setting "Hint display type" => popup, when closing the tooltip window, the sound of the running video does not stop. Fixed
[!] Light theme and layout theme have the same color. Fixed
[*] In the file design/themes/responsive/templates/addons/ms_filter_tooltip/hooks/product_features/ms_feature_label.override.tpl, I removed the code that prevented the tooltips from working properly on the product page
v1.7.14 from 10/29/2023
[*] The template for tooltips for features displayed on the product page has been changed.
[!] When the add-on is disabled, hidden fields are not hidden on the add-on page.
v1.7.13 from 10/20/2023
[!] The tooltip icon is aligned with the filter name. Fixed
[+] Add-on standardization
[!] Labels for icon color settings are written without using language variables. Fixed
[!] Spectrum.js library styles are missing on multi-ms.ru. Fixed
v1.7.12 from 09/28/2023
[-] Removed the standard tooltip
[*] Changed the name of the display type "MS:Tooltip" to "Tooltip"
[!] The tooltip icon is shifted if the display type is "Tooltip"
[+] Added internal indents in all types of tooltip display
[*] Changed the order of fields in the add-on settings
[*] Changed the name of the Tooltip Color scheme "Default" to "Theme by layout"
v1.7.11 from 08/03/2023
[*] Changed the display of the height and width settings only for the MS:Tooltip display type
[+] Added a palette for easier color selection for the tooltip call icon
[!] If you close the pop-up window by clicking on the background, then when you reopen it, the background is located on top of the pop-up window. Fixed
[!] In the pop-up window for hints, if the text is in one line, then there is more space for content than necessary. Fixed
[!] The add-on developer is incorrectly specified. Fixed
v1.7.10 from 29.07.2023
[*] Changed short tags to regular ones in licensing files
v1.7.9 from 19.07.2023
[+] Add-on standardization
v1.7.8 from 26.12.2022
[+] Add-on standardization
v1.7.7 from 09.10.2022
[+] Add-onstandardization
v1.7.6 from 29.12.2021
[*] Forgot to add the file responsive/templates/addons/ms_filter_tooltip/hooks/product_features/ms_feature_label.override.tpl
v1.7.5 from 28.12.2021
[*] Corrected styles for tooltip on mobile devices (z-index)
v1.7.4 from 20.12.2021
[*] Changed link to the glossary: added check for the $smarty.server.REQUEST_SCHEME variable
v1.7.3 from 07.12.2021
[] Changed language variables [] Standardization of add-on code
v1.7.2 from 25.11.2021
[*] Changed the glossary page: added breadcrumbs of the characteristics from which they went to the glossary, changed the appearance of the side navigation panel
v1.7.1 from 16.11.2021
[*] Changed js script, changed its connection, slightly tweaked styles
v1.7.0 from 12.11.2021
[+] Added a new type of MS Tooltip icon with setting the height and width for it in the add-on settings
v1.6.2 from 11.11.2021
[+] Added settings for the color of the question mark when hovering over it and when clicking on it
v1.6.1 from 21.10.2021
[+] Added adjustment of the speed and indent from the header to the searched term in the term dictionary when switching from another page by the term anchor
v1.6.0 from 21.10.2021
[*] Changed settings, moved to a separate tab for the term dictionary settings
[+] Added settings for scrolling speed in the term dictionary and indent from the header to the searched term
[+] Added a script for the term dictionary page to set the scrolling speed to the searched term and the indent from the site header to the term
v1.5.5 from 20.10.2021
[+] Added a span with a class for the title of the term dictionary page so that you can change its styles without affecting the headers of the entire site
v1.5.4 from 20.10.2021
[+] Added a side navigation panel to the glossary page
v1.5.3 from 19.10.2021
[*] Changed the conditions for displaying hints in the mobile version (popup only)
v1.5.2 from 14.10.2021
[+] Added a function to get a group of characteristics by parent_id
[*] Changed the test of the link directing to the glossary
v1.5.1 from 14.10.2021
[+] Added a template for displaying the "Display in glossary" switch on the backend
[+] Added a check for the presence of internal_name in the characteristic array, otherwise the name will be taken from the description
v1.5.0 from 13.10.2021
[+] Added a cat roller that generates a glossary of terms from descriptions and names characteristics
[+] Added a page to the frontend to display the dictionary of terms
[+] Added a switch "Display in the dictionary of terms" to the characteristic editing window and to the group of characteristics
[+] Added a switch "Open the dictionary of terms in a new window" to the settings
[*] Changed the link to the dictionary of terms from external to internal and added an anchor for going to the desired characteristic
v1.4.3 from 04.10.2021
[*] Added information in the "Information" settings tab
v1.4.2 from 30.09.2021
[*] Corrected the "Information" setting
[+] Added data verification in the template
v1.4.1 from 30.09.2021
[*] Changed language variables
[!] Error in the hook description
v1.4.0 from 30.09.2021
[+] Added a block with information on adding a hook in the add-on settings
[+] All add-on functionality is applied to the characteristics in the product card
[+] Added a hint to the add-on setting "Show link to the dictionary of terms"
v1.3.0 from 30.09.2021
[*] The template has been updated to the latest version of CS-Cart (4.13.2)
[*] Changed some language variables of add-on settings
[!] Fixed a query to the database
[!] Fixed an error in the class name
[!] Added default values for mandatory settings
v1.2.2 from 09/28/2021
[*] Updated the name and description of the add-on
[*] Updated the add-on icon file
[*] Code refactoring
v1.2.1 from 09/28/2021
[+] Added the add-on icon file
v1.2.0 from 09/28/2021
[+] Added a new way to display the tooltip
[+] Added settings that allow you to style the tooltips
v1.0.1 from 08/31/2020
[!] Fixed a span/div nesting error
[*] Updated the add-on name
v1.0.0 from 01/28/2020
[+] First edition
Here you can share your opinion and evaluate our work.
Your feedback helps us become better and offer you even better service.