How to Display a Product on Your Reactive Page

How to Display a Product on Your Reactive Page

The Product element allows you to showcase a product on any page of your site. Follow these steps to add and customize a product display:

  1. From the left sidebar menu, drag and drop the Product element onto your page.

  2. In the right sidebar menu under the Main tab, click Select Product and choose a product from your store’s catalog.

  3. After assigning a product, the product’s image will be displayed exactly as it appears in your catalog. Any updates made to the product image will automatically be reflected on your Reactive page.

Choose a Layout

In the Main tab, select the Layout Type for the product display:

  1. Grid – displays the product in a grid format, ideal for showing multiple items side by side.
  1. List – displays the product in a single-column list, suitable for highlighting one product at a time.

    • Related Articles

    • 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 product category

      Reactive allows you to create multiple product categories and assign them to your products easily. To create your first product category visit the admin panel and click on Categories from the E-shop menu. Then click Add New Category. Once you do, a ...

    • 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 a Page

      To create a page navigate to the Pages section from the sidebar menu of your admin panel under Website and click on the "Create" button that appears on the top of your screen. Pages include a few settings allowing you to fully customize the way pages ...

    • How to integrate Reactive Ordering with Wolt

      To get started, you must have an active partner account with Wolt. To create an account with Wolt, click here. Once Wolt activates your account, they will provide you with the necessary details for the technical connection: Order API key Menu API ...