[Anmelden]
Plattform für Online-Shops
Sie haben keinen Zugang zu dieser Seite. Wenn Sie nicht authentifiziert sind, dann tun Sie es -
Anmelden
Admin-Center
Meine Blöcke/Menü
Meine mobilen Blöcke/Menü
Mobile Block/Menü hinzufügen
Menu Control
Zurück
?
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
Site erstellen
.
Enter Block/Menu name (Latin):
Enter Block/Menu Title:
Enter display order:
9
8
7
6
5
4
3
2
1
0
-1
-2
-3
-4
-5
-6
-7
-8
-9
Block/Menu Position:
Auf der linken Seite
Rechts
Oben
Unten
Cap site (Header)
Service-Tags vor dem Body-Tag (Header Meta)
Meta Tags: Title, Meta description, Meta keywords...
Meta-Tags (am Anfang hinzugefügt)
Das Unterteil der Webseite (Footer)
Show Block/Menu:
Nein
Zeige alle
Zeige nur Benutzer
Nur Gästen anzeigen
Zeige nur Administrator - Website-Eigentümer
Es erscheint nur die Administrator - Website-Eigentümer und Manager
Show Block/Menu on Pages:
Überall
Nur auf normalen Seiten
Nur auf Blog-Seiten
Nur auf den Seiten News
Nur auf den Shop-Seiten
Nur auf Der Hauptseite
Auf der Seite suchergebnis
Devices:
All device
Computers
Mobile
Settings:
Menu Items
Icons: Top Block
Custom Icons: Top Block
Colors: Top Block
Colors: Content
Search filter
Content and Settings
Menu Activation
Main background:
(If the menu is not full screen)
Display
Hide
Прозрачность:
Page drop:
(When menu is activated)
(If menu is not full screen)
Disable page scrolling
No changes
Position of the menu block
Right
Left
Main blocks of site content:
Computer:Hide Header:
Do not hide
Hide
Computer:Hide main menu:
Display
Hide
Computer:Hide Cart:
Display
Hide
Computer:Hide «Product Compare»:
Display
Hide
Add scroll to content:
No
Add: Search Menu + #hotengine-content-container
Add: Search Menu и ссылки + #hotengine-content-container
Ajax content loading inside mobile menu:
Ajax loading block background color:
Mobile top menu icons:
Lock/Fix Top:
No
Fix
Show close button when mobile menu expands:
Show
Hide
Close icon style:
(X)
X
Icon: Logo
Hide
Show PNG
Show JPG
Show WEBP
Show SVG
Text after logo
Text color after logo
Logo: Show/Hide header on click:
Enable
Disable
Logo: Hide on screen size*
Hide
Do not hide
* <
px
Icon: «Phones»
Disable
Enable
8
7
6
5
4
3
2
1
0
Phone
Add another menu item
Icon: «Search»
Disable
Enable
8
7
6
5
4
3
2
1
0
Icon: «Language selection»
Disable
Enable
8
7
6
5
4
3
2
1
0
Icon:«Rückruf»
Disable
Enable
8
7
6
5
4
3
2
1
0
Form ID
:
You need to create a form
Button Text «Senden»:
Title text «Rückruf»:
Если в Мобильном меню вы используете всплывающие формы «Обратный звонок» или «Задать вопрос», то обязательно необходимо установить код «CODE_FORM_SCRIPTS_FILE», который может быть создан автоматически, при создании «
Форм
» или вручную, при помощи вставки кода «<script type="text/javascript" src="
/templates/scripts/code_form_scripts.js
" async></script>»
Icon:«Rückkopplung»
Disable
Enable
8
7
6
5
4
3
2
1
0
Form ID
:
You need to create a form
Button Text «Senden»:
Title text «Ask a question»:
Если в Мобильном меню вы используете всплывающие формы «Обратный звонок» или «Задать вопрос», то обязательно необходимо установить код «CODE_FORM_SCRIPTS_FILE», который может быть создан автоматически, при создании «
Форм
» или вручную, при помощи вставки кода «<script type="text/javascript" src="
/templates/scripts/code_form_scripts.js
" async></script>»
Icon: «Favorites»
Disable
Enable
8
7
6
5
4
3
2
1
0
Text:
Icon: «Product Compare»
Disable
Enable
8
7
6
5
4
3
2
1
0
Icon: «My Account»
Disable
Enable: Login + My Orders [Top]
Enable: At the top of the expanded menu. Authorization + My orders [Icon]
Enable: At the top of the expanded menu. Authorization + My orders
8
7
6
5
4
3
2
1
0
Icon: «Cart»
Disable
Enable
8
7
6
5
4
3
2
1
0
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:
Disable
Enable
default:«.hotengine-mainmenu-mobile-icon»
Hide the top mobile menu buttons:
Hide
Do not hide
Menu expanded width:
(100% default)
(100% || 320px)
Maximum width of expanded menu:
(400px by default)
(100% || 320px)
Mobile top menu custom icons:
Icon: №1
Disable
Enable PNG
Enable JPG
Enable WEBP
Enable SVG
8
7
6
5
4
3
2
1
0
Icon: №2
Disable
Enable PNG
Enable JPG
Enable WEBP
Enable SVG
8
7
6
5
4
3
2
1
0
Icon: №3
Disable
Enable PNG
Enable JPG
Enable WEBP
Enable SVG
8
7
6
5
4
3
2
1
0
Icon: №4
Disable
Enable PNG
Enable JPG
Enable WEBP
Enable SVG
8
7
6
5
4
3
2
1
0
Icon: №5
Disable
Enable PNG
Enable JPG
Enable WEBP
Enable SVG
8
7
6
5
4
3
2
1
0
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 "/de/contacts.htm#ajax_page" (replacing «de» 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.;
SVG
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:
Persönlicher Bereich:
Color of the expanded authorization menu list frame:
Button Text «Persönlicher Bereich»:
Button Text «Kommen»:
Button Text «Meine Bestellungen»:
Colors: Content:
Color scheme:
-
#ffffff
#1f6ca1
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
Bild
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 «Finden»:
Add Search Filter Block to content (above #hotengine-cat-tree):
Enable
Disable
Text of the button for calling the search filter from sorting:
Menu items:
URL
Button Text
Nesting
Bild
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 "/de/contacts.htm#ajax_page" (replacing «de» 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:
Weißrussisch (by)
Deutsch (de)
Englisch (en)
Spanisch (es)
Französisch (fr)
Italienisch (it)
Kasachisch (kz)
Polieren (pl)
Russisch (ru)
Ukrainisch (ua)
All (all)
After saving, be sure to clear the browser cache, as the code of this block is cached by the browser.