Module How-To: Products

Adding a Catalog to a Page

1. Click on Page Manager

Click on  Page Manager

2. Click on the page you want to render your catalog on.

Click on the page you want to render your catalog on.

3. Click on Content to enter the page manager

Click on Content to enter the page manager

4. Click on the eCommerce category from the available widgets list

Click on the eCommerce category from the available widgets list

5. Click on Catalog widget(Module)

Click on Catalog widget(Module)

6. Drag the highlighted element and drag and drop it to any available zone on the left.

Drag the highlighted element and drag and drop it to any available zone on the left.

7. Click on the edit icon to load the configuration screen

Click on the edit icon to load the configuration screen

8. Click on available items with the tree to filter and load the desired data on the frontend.

Click on available items with the tree to filter and load the desired data on the frontend.

9. You can also dictate select global functions such as show all or hide.

You can also dictate select global functions such as show all or hide.

10. Click on Update

Click on  Update

Configuring a Product Grid and adding it to a page

1. Click on Page Manager
Click on  Page Manager
2. Click on Content Icon for the corresponding page you want to edit.
Click on Content Icon for the corresponding page you want to edit.
3. Click on the eCommerce category from the available widgets (Modules)
Click on the eCommerce category from the available widgets (Modules)
4. Drag highlighted widget (Module)
Drag highlighted widget (Module)
5. Click on Edit Icon to load the configuration screen
Click on Edit Icon to load the configuration screen
6. Click on Welcome Page Tab to add a message
Click on Welcome Page Tab to add a message
7. Click on Configurations Tab
Click on Configurations Tab
8. Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
9. Click on Select to load the internal link selector and set the URL.
Click on Select to load the internal link selector and set the URL.
10. Check off Grid List to load in a masonry grid vs list.
Check off Grid List to load in a masonry grid vs list.
11. Click on Show Social Sharing Buttons
Click on Show Social Sharing Buttons
12. Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
13. Click on Select to load the internal link selector and set the URL.
Click on Select to load the internal link selector and set the URL.
14. Select number of Items Per Page
Select number of  Items Per Page
15. Click to Show or Hide Pagination
Click to Show or Hide Pagination
16. Select your Currency
Select your Currency
17. Click on Update
Click on  Update

What's new Filtered List

1. Click on Page Manager
Click on  Page Manager
2. Click on Content Icon for the corresponding page you want to edit.
Click on Content Icon for the corresponding page you want to edit.
3. Click on the eCommerce category from the available widgets (Modules)
Click on the eCommerce category from the available widgets (Modules)
4. Drag highlighted widget (Module)
Drag highlighted widget (Module)
5. Click on Edit Icon to load the configuration screen
Click on Edit Icon to load the configuration screen
6. Click on Filter Catalog dropdown to load a catalog.
Click on Filter Catalog dropdown to load a catalog.
7. Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
Check the List on a Different page when the detailed page is assigned. (This will allow for a dynamic rewrite to a detailed page, where the system handles the serving up of each content item and their URL paths.)
8. Craft a message if applicable
Craft a message if applicable
9. Select the Currency…
Select the Currency…
10. Click on Update
Click on  Update
Back to Top Button