Adding eCommerce Shop Navigation Links

Admin: eCommerce Admin
Page: Retail Shop Configuration > Site Navigation
URL: [CLIENTID].retailadmin.directscale.com/#/Navigation
Permission: Site Navigation

You can add links to the main navigation for the eCommerce Shop. These can be internal or external links; the links nest in folders creating two-tier navigation. With the Site Navigation page, you can customize the folder names, links, and icons. When you begin configuring your eCommerce Shop for the first time, you’ll notice that the Products navigation link is the only link there by default.

Adding a Folder

Create a folder where you can group navigation links to create a dropdown menu on the site navigation bar.

  1. Click + ADD NEW and select Add Folder.

    The Add Folder pop-up window opens.

    Add Folder pop-up window
  2. Type a Folder Name that will appear in the Shop’s navigation bar.

  3. Click the Menu Icon dropdown to select an icon that displays next to the navigation link in the site’s mobile layout.

    The icons only display for top-level links and folders.

    Mobile site menu icons

    The menu icons don’t display in the desktop site layout.

    Mobile site menu icons
  4. Click SAVE.

Important: Added folders are not published in the eCommerce Shop until they contain a published link.

Adding a Link

  1. Click + ADD NEW and select Add Link.

    The Add Link pop-up window opens.

    Add Link pop-up window
  2. Select a Parent Folder, if configured, to nest the link under. The link will appear as a dropdown on the eCommerce Shop’s navigation bar.

  3. Type a name for your link that will appear in the site’s navigation bar.

  4. Click the Menu Icon dropdown to select an icon that displays next to the navigation link in the site’s mobile layout.

    The icons only display for top-level links and folders. Links nested in a folder won’t display an icon.

    Mobile site menu icons

    The menu icons don’t display in the desktop site layout.

    Mobile site menu icons
  5. Type the Link URL of the page you wish your navigation link to go.

    Internal eCommerce Shop links must begin with “/” (such as /Home or /{webalias}/Home).

    Note: A webalias is the username of the Associate who owns the eCommerce Shop. Use /{webalias}/Home to keep the eCommerce experience under the Associate’s name and ensure correct commissions are paid out.

    Some useful default pages to link to are:

    • {webalias}/Home - Links to the Homepage, not linked by default.
    • {webalias}/Contact - Links to a page with a contact form.
    • {webalias}/Application - Links to an Enrollment form.
    • {webaslias}/ManageAutoships - Links to the Manage Autoships page.
  6. Select the Open in New Window checkbox to open the link in a new browser window.

    Select this option for external links while leaving it unchecked for internal links.

  7. Click the Published toggle on to publish now after saving the configuration.

  8. The rest of the settings are Multi-Faceted Configuration (MFC). Enter your specific configurations for who can view them.

  9. Click SAVE.

Enabling/Disabling the Full eCommerce Shop Navigation

The Navigation menu that shows in the eCommerce Shop can be enabled or disabled.

In Company Setting > Settings > Global.

Switch: Show Menu toggle

Enabled: Displays the Navigation menu.

Disabled Navigation menu

Disabled: Removes the Navigation menu.

Enabling/Disabling the Products Navigation Tab

The Products tab in the eCommerce Shop navigation can be enabled or disabled.

In Company Setting > Settings > Global.

Switch: Show Products Menu toggle

Enabled: Displays the Products tab in the eCommerce Shop navigation.

Products tab

Disabled: Removes the Products tab from the eCommerce Shop navigation.

String: products

Enabling/Disabling Redirect to Enroller Shop

By default, after logging into the eCommerce Shop, those with no webalias will be redirected to their enroller’s Shop. In Company Setting > Settings > Global you can disable this behavior.

Switch: Show Products Menu toggle

Enabled: Disables the automatic redirect to the enroller’s Shop.

Disabled: Re-enables the automatic redirect to the enroller’s Shop.

Was this article helpful?
0 out of 0 found this helpful
Previous Next

Comments

0 comments

Please sign in to leave a comment.