How can I create Collection Pages using Inline Page Nav?

Ensure that the URLs inputted into the "Link" field for categories and sub-categories in Maker Nav match precisely with the URLs currently used for those collections on our side. We will display Nav Collection Landing Pages/Product Listing Pages (CLPs/PLPs) only if there's an exact URL match. Additionally, it's vital to ensure that each URL is utilized only once within the Maker Nav.

Tip! "Pre-Publish" check, found under the Info tab, identifies duplicate links in the Nav that prevent CLPs from loading the correct category after switching to the Maker Collections template. By clicking on the menu items displayed on the screen below, you will be directed to the corresponding item in the Nav where you can correct the error.

Copy the embed code Inline

The embed code contains two parts- The script tag + div. The script tag must be added to the head of the page and the div in the main container on the page.

The script would look like this :

The div would look like this:

[[<script src="https://showside.maker.co/smartnav-v2-inline.js" async=""></script>]]

Since an Inline Nav will replace the current CLP or PLP, duplicate your CLP or PLP template in your CMS and replace all the body with the embed code copied for Inline, leaving only the site header and footer.

Things to keep in mind while creating the template:

1- Set the template width to 100% 2- Remove any unnecessary Javascript/CSS elements not relevant to this template. 3- Prioritize loading the Nav's script to prevent potential page load issues. 4. Set the minimum height of this template to 1000px

To enable the Inline Page feature, toggle ON "Enable inline page nav" under the general Global settings.

Switch the current template used on the CLPs or PLPs to the new Maker template.

Tip! We advise launching category pages individually and thoroughly reviewing the settings prior to each launch to minimize potential problems.

In the event of a missing or mismatched URL in the link section for any collections within your sitewide nav, Maker will automatically default to displaying the sitewide Nav.