Only the users are allowed to enter the Central Administration. Login

Menu Control

Back   ?
Attention! After saving the Mobile block, a cache file with style and settings is created.
Clear browser cache to display changes after saving Mobile Menu.
Block/Menu for:
Before adding a menu you need to create site.

 Enter Block/Menu name (Latin): Enter Block/Menu Title: Enter display order: Block/Menu Position: Show Block/Menu: Show Block/Menu on Pages: Devices: Settings:
Main background:
(If the menu is not full screen)

Прозрачность:
Page drop:
(When menu is activated)
(If menu is not full screen)
Position of the menu block

Main blocks of site content:

Computer:Hide Header:Computer:Hide main menu:Computer:Hide Cart:Computer:Hide «Product Compare»:Add scroll to content:

Ajax content loading inside mobile menu:

Ajax loading block background color:

Mobile top menu icons:

Lock/Fix Top:
Show close button when mobile menu expands:
Close icon style:Icon: LogoText after logoText color after logoLogo: Show/Hide header on click:Logo: Hide on screen size*
* < px
Icon: «Phones»Icon: «Search»Icon: «Language selection»Icon:«Callback»Icon:«Feedback»Icon: «Favorites»
                       Text: Icon: «Product Compare»Icon: «My Account»Icon: «Cart»
The mobile menu can be activated in several ways.

- At a certain screen size, the menu is loaded at the top of the site (if the value specified in the settings is less than the screen size. Default is «768px».
- When you click on a specific element (see Replace the mobile menu button).

Replacing the mobile button: If mobile button replacement is enabled, then you can specify the «class» or «id» of the element, when clicked, the mobile menu will be displayed.
When using the built-in «Main Menu», menu items have been replaced with a mobile button. The button is displayed when the screen size is less than 768px. The button contains the class «.hotengine-mainmenu-mobile-icon» and can be used to call the mobile menu - application. When you enable "Mobile Button Replacement", by default, if a class is not specified, the main menu mobile button element is used - «.hotengine-mainmenu-mobile-icon».
Enable when screen size is smaller than:px
Replace the mobile menu button:

default:«.hotengine-mainmenu-mobile-icon»
Hide the top mobile menu buttons:
Menu expanded width:
(100% default) (100% || 320px)
Maximum width of expanded menu:
(400px by default) (100% || 320px)

Mobile top menu custom icons:

Icon: №1Icon: №2Icon: №3Icon: №4Icon: №5
URL - «filter» = The main block for selecting the type of product for the search filter ;
URL - «#filter» (add #filter at the end of the link) = call search filter window ;
URL - «#ajax_page» (refresh at the end of #ajax_page link) = load content from HTML link (relative path to page) ;

For example, to create your own «contact icon», create a page with the name «contacts», and including your own icon above, specify the path "/en/contacts.htm#ajax_page" (replacing «en» with the language of the created page).

URL - «#callback_name» Call a native JavaScript function. The function name must start with «callback». For example, if the reference is «#callback_name», then the function «callback_name» will be executed.;

Colors:

Top Block:

Top Menu Background Color:Background color of the top menu when activated:Top Menu Text Color:Top Menu Link Color:Icon color:

Mobile button:

Mobile Button Color:Mobile button hover color:Mobile Button Divider Color:

Personal area:

Color of the expanded authorization menu list frame:Button Text «Personal area»:Button Text «Logout»:Button Text «My orders»:

Colors: Content:

Color scheme:

Mobile menu expanded:

Expanded Menu Background Color:Expanded Menu Background Color on hover:Color of expanded menu frame:Color of expanded menu frame on hover:Link color in expanded menu items:Link color in expanded menu items on hover:Title color in expanded menu items:Expanded menu separator color:Button Text «Back »:Height of points:pxОтступ (слева) раскрытых пунктов:px

Search filter:

ID of Blocks/Menu with search filters (if not specified, all blocks named smart_search_menu are filled):
The specified menu blocks will be hidden in the mobile version and displayed when you go to the specified page with the #filter hash tag. In this case, the search filter will be displayed in a pop-up block. If you need to disable autocomplete, then specify the ID of the menu blocks, or the value «-»


Selecting a product type from the list:

If you need to create your own list of links to search filters for different groups of products, then add them in the paragraph below. It is enough to specify a link to the page on which there is a search filter, as well as a name for the button.
The selection/display of the list is activated by the button labeled «filter».
After pressing the button, a list of links to pages with search filters will be displayed.

URL Button Text ImageImage  

Add another menu item...


URL - «close» = Close button;
URL - «back» = Back;


Other Options:

Search filter background color:
Hide the functional menu with search filter based on screen size:px
If the value is not specified, the search filter is hidden when the mobile menu is loaded. When replacing the main menu button, the search filter will be hidden when the button is activated. In this case, it is recommended to specify the size for hiding the Functional menu with a search filter (for example, 768px).
Button Text «Find»:Add Search Filter Block to content (above #hotengine-cat-tree):Text of the button for calling the search filter from sorting:

Menu items:

URL Button Text Nesting ImageImage  

Add another menu item...
Add sub menu item...
Add item - catalog category
Add an item - manufacturer category


URL - «close» = Close button;
Empty value - = Separator;
URL - «filter» = The main block for selecting the type of product for the search filter;
URL - «#filter» (add #filter at the end of the link) = call search filter window;
URL - «#form-XX» = loading a pop-up form, where XX is the id of the Form;
URL - «#form-call-XX» = loading a pop-up form `Callback`, where XX is the id of the Form;
URL - «#ajax_page» (refresh at the end of #ajax_page link) = load content from HTML link (relative path to page);

For example, to create your own «contact icon», create a page with the name «contacts», and including your own icon above, specify the path "/en/contacts.htm#ajax_page" (replacing «en» with the language of the created page).
URL - «#callback_name» Call a native JavaScript function. The function name must start with «callback». For example, if the reference is «#callback_name», then the function «callback_name» will be executed.;
 Show/Hide Rules: In the fields below you can enter parameters that will hide or show the menu. Please enter pages on which to display the Block/Menu: Please enter pages which do not display Block/Menu: Please enter symbols, upon detection of which, display the Block/Menu: Please enter symbols, upon detection of which do not display the Block/Menu: Menu Language:



After saving, be sure to clear the browser cache, as the code of this block is cached by the browser.