Block/Menu

Block/Menu is a block where you can insert any HTML codes. You can also use menus with predefined functions such as shopping cart, search filter, bestsellers, latest articles and more.

Block/Menu can be used to create your own website style/design. For example, you can create a Site Header, place the necessary elements in it (Logo, Contacts, Site Navigation Links, Search Form, etc.) and write CSS styles for them in the design editor. With the help of blocks/menus, you can place scripts, including in meta tags, as well as enable/disable the display of this data on certain pages or devices. In most cases, you just need to use the Header / Header and Footer / Bottom of the site, as well as, for example, the left or right Block / Menu to place a search filter. You can place site scripts in one Block/Menu, and place it, for example, in Service tags.

The menu block can be placed in 7 main parts of the site:

HEADER
LEFT	TOP   BOTTOM	RIGHT
FOOTER

• «Site header (Header)» – site header block, Displayed above the main content block, inside the «#hotengine-header» element.
• «Bottom of the site (Footer)» - block of the bottom of the site, Displayed under the main block with content, inside the «#hotengine-footer» element.
• «Right» - the block is displayed on the right, next to the main block with content, and does not go beyond the content. The block is surrounded by the element «.hotengine-wrap-container-side-riht»
• «Left» - the block is displayed on the left, next to the main content block, and does not go beyond the content. The block is surrounded by the element «.hotengine-wrap-container-side-left»
• «Top» - the block is displayed at the top of the content, and does not go beyond its area.
• «Bottom» - the block is displayed at the bottom of the content, and does not go beyond its area.
• «Service tags before the Body tag (Header Meta)» - the block is located under the service Meta tags, and can be used to insert JavaScript, Meta-tags and other service data.

A class is added to each created Block/Menu, indicating its position and ID. For example, «menu_position_left_12345».

Shortcode (auto replacement).

In the menu text you can use additional Shortcodes for automatic data replacement as well as Widgets.

List of values for automatic replacement

Function block/menu

In addition to creating custom code in a Block/Menu, you can use the «Function Menu» which can contain predefined functions. For example, the List of recent articles, the list of items added to the Cart, the Search menu, or others. Function menu options can be found by clicking «Create Function Menu».

An example of creating a drop-down list of categories in the main menu

By default, the «Main Menu» is added when the site is created. If the Block/Menu - the main menu is missing, then go to the «My Blocks/Menu» section. Click «Add Block/Menu» and click «Function Menu». In the window that appears, select «Main Menu». If the main menu already exists, then in the «My Blocks / Menu» section, select the menu block marked as «Main Menu» in the list and click «Edit».



By clicking «Add item - catalog category» you can select the category of the store, the child categories of which will be displayed in the main menu.
There are several ways to display category items.

An example of how to display store categories in the main menu.

You can change the way the drop-down list with categories is displayed in the «Design Editor» in the «Main Menu» tab in the «Drop-down list of categories» item.
Standard category drop-down list




Dropdown list of categories and subcategories divided into columns




Pop-up window with a list of categories and subcategories