link"Fast navigation" documentation

Allows to add the AB: Fast navigation block on different site pages for direct access to selected categories, subcategories, pages.

What is the mechanics of the fast navigation addon:

• The addon adds the possibility to create on any page an extra block with visual navigation by the required pages (the structure source can be any menu you create in the system CS-Cart — hence full flexibility with the ability to show any structure on any store page);
• The added block has an elaborate user interface with the ability to display single-level or two-level structures;
• When loading a block on the page, image lazy load is using (adds dynamic, pays users attention);
• Addon allows to upload demo data (Menu with test structure, images, settings, etc. already created and configured by the developers, which is simply enough to specify in the block content tab to get the displaying, like in demo);
• Ability to assign an image and label to each point;
• Ability to control the columns number to show structure elements (for different devices separately);
• Ability to connect a scroller to show the structure with scrolling of the first or second level elements;
• Ability to connect scrolling indication of structure elements;
• Ability to add a custom link to each created Show all block (with link and link text management).

Addon solves several web-store problems at once:

• Improves the viewings depth (behavioral indicator affecting search engine ranking);
• Allows flexible allocation of weight to required sections (pages) of the store (even if it is not a categories pages, but filters, brands or products pages) from the home page or any other landing pages;
• Repeatedly improves usability for mobile users, which strongly affects conversion rates.

Add-on is compatible with the following Themes:

• YoupiTheme (compatible with correspond CS-Cart version);
• UniTheme2 (compatible with correspond CS-Cart version);
• Responsive.

General technical support conditions are available at this link (be sure to review these conditions, all solutions from the AlexBranding development team come with limited technical support).

In order to use our technical support, you need to:

1. Log in with your order owner account on https://cs-cart.alexbranding.com;
2. Go to the page My Account → Orders;
3. Find the corresponding order with the problem add-on in the orders list and pass to its details;
4. Find the “Support” link next to the corresponding add-on name (near you can find Documentation link also) and click on it;
5. Fill in the data with the problem, provide access to your CS-Cart installation (path to the administration panel, admin mail, admin password + FTP access) and create a ticket (after you will create the ticket, you will receive an e-mail and a special code to track the ticket in the future);
6. Wait for the specialist answer in accordance with the regulations of the technical support service and the priority of your ticket.

If you didn't receive an answer within the deadlines, according to the chosen ticket priority, send e-mail info@alexbranding.com with the ticket number, for which you did not receive an answer in time, and the team manager will solve the problem in compliance with regulations.

You can test the addon work with admin access using our demo server Demos for CS-Cart solutions from Alexbranding by choosing it in Addons list or just follow the link.

We recommend to note general restrictions:

1. All solutions from AlexBranding developers team require pre-installation of the AB: Addons Manager service addon. It is delivered free of charge and is responsible for such services: installation, upgrades, license verifications. Excluding this service addon usage is not possible;
2. Addon files may have a closed (encoded) part, in which only a license check is located;
3. The addon will work only on those domains, that are specified in the user's license. If you try to use the solution on CS-Cart installations, whose domains are not included in the license, the addon will be automatically turned off;
4. Local installation is not possible, so that the addon works on the additional domain (subdomain), enter this domain (subdomain) in the Domain field, when ordering (or write to info@alexbranding.com) - adding technical domains for the developing or for testing is always free.

After your order has been processed by our manager, it will be transferred to Completed state, you will receive an email to your mailbox with ordered add-ons license numbers (usually it takes from 15 minutes to 8 hours depending on the day time and week day).

Then follow the steps below, which differs depending on your version of the CS-Cart platform:

You can also install the add-on with a standard installation for CS-Cart. To do this, download the appropriate archive with an add-on version compatible with your version of the CS-Cart platform.
Go to the website cs-cart.alexbranding.com, log in under the account of the order holder and go to the page My Profile → Orders → Relevant Order, go to details and you will see a list of available archives for the ordered add-on. Download the version (archive) you need and make the installation (standard for CS-Cart installation: Add-ons → Downloaded add-ons and in the gearwheel menu select Manual installation).

Add-on allows to create in automatic mode the AB: Fast navigation block, already filled with data structure.

For demo data adding, go to the page Administration panel → Add-ons → Manage add-ons and at the add-on name AB: Fast navigation in the gearwheel menu select the section Demo data. On the opened page press the Add button.

Next, it is necessary to display the block on the storefront. For this, to display the block on the homepage:

• Go to the page Administration panel → Design → Layouts → Homepage and press the plus Add block button;
• In the opened window go to the page Create New Block, choose AB: Fast navigation;
• Set the block name;
• On the tab Content choose menu name like Menu filling, which was generated with the add-on work — in view AB: Fast navigation [XXXX], where XXXX — randomly generated number;
• Press the Create button.

Result of demo data adding

For access to the add-on settings you should go to the page Administration panel → Add-ons → Manage add-ons and at the add-on name in the gearwheel menu select appropriate menu item.

For editing tab settings, go to the page Administration panel → Design → Layouts → Products and in the block press the Blocks options gear.

Set the block display as one of two possible templates — Single-level navigation or Two-level navigation, each of which has its individual features. Block general settings can include:

A). Number of columns in the list — specify the number of the columns for devices different types that will display a menu items list:

B). Icon width, px — set the value, which will be used to set the width of the downloaded navigation point image. The uploaded image will be compressed to specified width in proportion — the height will be calculated automatically.

Single-level navigation template settings

A). Display type — allows you to select one of the display options:

• Grid — points will be displayed as a grid, one under one;
• Scroller — points will be displayed as a scroller.

Template display settings

Two-level navigation template settings

If this template type is selected, the first level will always be a scroller.
The second level can be either a grid or a scroller, this is determined by the block settings.

A). Enable scroller for the second level — setting the checkbox allows to define second level display type — as the grid or the scroller. Variant Grid have feature — at page loading, last visible element in the row, if it is not the last in the list, will be a point, which reveals hidden elements;
B). Add a link on "All from the section" — setting the checkbox allows to install the last navigation element link to All from the section, but only if the parent menu point is set to URL;
C). Enable scroll progress bar for the first level — setting the checkbox allows to enable display of the single-level navigation scrolling status, i.e. at the first level navigation scroll, the scrollbar will show the scrolling status.

Example of add-on displaying