Get Started Get Started

Adding a Product Repeater to a Page

The Product Repeater is a powerful tool that allows you to dynamically display products on any page of your website. It links directly to the products list in the backend, ensuring that your products stay up-to-date on the frontend without requiring manual updates. This feature provides flexibility and saves time, making it a valuable addition to your website management toolkit.

Note: To use the Product Repeater, you must have the Commerce module enabled and set up you products catelogue. For more information, refer to Product Catelogue Management.

Adding a Product Categories Repeater or Product Brands Repeater follows the same process as the Product Repeater. This guide uses the Product Repeater as an example.

To add a Product Repeater to a page:

  • Open the page editor by navigating to Dashboard > Website > Pages > Create a New Page or click the existing page.
  • Click the “Insert” button in the left panel.
  • Under the "Dynamic" heading, drag and drop the "Products" element into the page editing area (typically into a section) on the right.

Product Repeater options:

Click the " " icon in the "Products" tab, and then click "Edit".

  • Product Display Variant: Choose from the list of layout variants to match your website's design style.
  • Product Categories:
    • If you have multiple product categories, specify which category to display.
    • To show all categories, select the "Use All Product Categories" option.
  • Brands:
    • If you have multiple product brands, specify which brand to display.
    • To show all brands, select the "Use All Brands" option.
  • Limit Total Shown: Set the maximum number of products to display in the repeater.

Paging:

  • Enable paging to display a Show More button beneath the Product Repeater.
  • Specify how many Products to load with each click.