Using the Hostinger website builder, 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 – products list and single-product click on a preferred section, and it'll be inserted into your page:

Products 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)

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?