How to create a product list element

How to create a product list element

Reactive allows you to present a list of products on your pages. 

To create a product list, navigate to the Pages section from the sidebar menu of your admin panel under Website. 
  • Create a new page or edit an existing one. You can refer to our documentation about How to create a Page for more information. 
  • From the Content tab select the container and column you would like to place the product list.  
  • Click the Add element button.
  • Select Product list from the library. This will open a pop-up window.


Section Details

Products per row. This field allows you to adjust the number of products will be displayed on a row. 

Search. Search the products you would like to display by using the SKU code.

Choose the view type: By default the product list element uses the grid view layout which is similar to the one you might have on your products list. However, you can change that to list view so that every product is displayed with its image and text side-by-side. 

Click on the + icon to add your products. 
Click "Apply" at the bottom right of your screen to save your changes. 

    • Related Articles

    • How to create a product element

      Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...
    • How to create product variations

      The platform allows you to create different product variations. If you have a product with different options (like color, size etc.) you can add variants. This feature is not available to all price plans. To create a product variation visit the admin ...
    • How to create a product

      And now it’s time to add products to your store! The platform allows you to create any type of product you wish to sell to your customers. To create a product, visit the admin panel and click on Products from the E-shop menu. Then click on the ...
    • How to create a Google Map element

      The Google Map element allows you to add customized maps anywhere on your site. To create a new Google Map element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You ...
    • How can I create a Product Meal?

      Reactive Ordering gives you all the tools and features to create Product Meals for any type of product you wish to sell to your customers. To create a product meal navigate to Products > Meals from the left sidebar menu of your admin panel and click ...