The mobile version provides the ability to flexibly customize the catalog navigation. Navigation is configured for the corresponding Menu block in the header and for the panel of the Catalog module on the main page. Each of these blocks can be customized independently of each other.
What can be customized:
Display images for categories;
Display the first-level category on the first screen;
Manage nesting levels;
Display subcategories in drop-down lists.
To set it up, go to the Website → Design → Design editor section of the admin panel, expand the Mobile version item and click the Menu tab.
Below are examples of possible navigation settings.
Catalog in the header drop-down menu
Example 1
Navigation starts from the Catalog root page, and subcategories open in new panels.
To configure this option in the design editor, you need to check the Display Catalog button on first level and Open subcategories list in submenu boxes. The Display category image checkbox is responsible for the image next to the section name in the menu.
Example 2
Navigation starts with the first-level categories, and nested categories are displayed in drop-down panels.
To configure this option, you need to check the Open subcategories list in submenu box and uncheck the Display Catalog button on first level box.
Example 3
Navigation begins with the first-level categories, and the list of second-level categories opens in a drop-down list on the first screen.
To configure this option, you need to uncheck the Display Catalog button on first level and Open subcategories list in submenu boxes.
Example 4
Limiting to 2 the number of nesting levels of the panels that open. The main category and subcategory of the first level are displayed in the panels, subcategories of the third and more levels are expanded in the drop-down list.
To configure, check the Open subcategories list in submenu box and choose 1 level from the Max. submenu levels drop-down menu.
Catalog button on the homepage
On the homepage, you can enable the Catalog module. Clicking on the button opens a window with full catalog navigation.
For navigation in the panel of the Catalog button, you can configure options similar to those described above, regardless of the menu navigation settings.
The module with the Catalog button can be enabled/disabled, moved relative to other blocks on the home page, and the color of the button itself can be changed.
Settings are made in the Website → Design → Design editor admin panel section , Mobile version item, Homepage tab, the Catalog navigation menu button element.
