...
This can be accomplished within the funnel builder by using the Collections feature.
| Table of Contents |
|---|
...
Create Collection
Inside app.checkoutchamp.com, edit to the funnel that you would like to add collections to.
...
Once you are complete with the collection settings, click “Save & Continue” to save and close the window so you can make any other additional collections that you might need.
...
Add Common Header to pages in the funnel
Please follow this document to learn how to create a Common page inside the funnel and to create a Common Header which will be present across all the funnel pages that you decide.
...
Add “Product Row” Element to Catalog pages
Inside of each of your catalog pages, remove any existing boxes that would contain your different products.
Next, replace each of those boxes with the “Product Row” element. This is found under the Products section of the building blocks.
...
Click on the empty space of that Product Row element to choose how many columns should populate in each row, and also if the images should Lazy Load (only load images once the user scrolls and reveals the images)
...
Create Menus in Common Page settings
On the funnel visualizer, click on your Common Page and then click the settings gear, and then click Main Menu.
...
Once you are complete, click the “Save & Return To Funnel” button.
...
Apply Collection Menus to Funnel Pages
At this point you have now created your Collections, adjusted your funnel pages to use Collections, and created your Navigation Menu options.
...