You can easily add product sections to any website template! Within the website builder, click on the Add section button; you will see it on any horizontal section border:

From the menu on the left, select eCommerce. On the right, you'll see two types of product sections – product list and single product click on a preferred section, and it'll be inserted into your page:

Product list section

Use this type of section to display all your products or a particular product category. Click anywhere on that section to see the settings menu:

Click Manage products to open the store management area. Click on the settings wheel to open the settings of the products list section:

Products

Display all products or a specific product category

Layout

Change the following:

  • Product display style

  • Columns (products per row)

  • Section padding

Style

Change the following:

  • Text color

  • Section background color (color/image)

Pagination

Specify the number of products per page (within the product list section)

Add to bag button

Enable the Add to bag button so your clients could preview a product and/or add it to the cart without opening the product page

Ribbon

Change the following:

  • Ribbon background color

  • Ribbon text color

To add ribbons, go to your store management area → Products

Single product section

Use this type of section to display a particular product. Click anywhere on that section to see the settings menu:

Click on the settings wheel to open the single-product section settings:

Product

Assign a specific product to the section

Layout

  • Text alignment

  • Image ratio

  • Image border radius

  • Section padding

Style

  • Text color

  • Color of arrows on images

  • Section background (color/image)

Learn how to customize the text font

Button

  • Text

  • Shape

  • Fill color (normal/hover)

  • Size

Product quantity

Allow or disallow your clients to choose product quantity by enabling or disabling the quantity picker

NOTE: If you update product details in the store management area, remember to update your website for the changes to appear online

Did this answer your question?