With 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 Online store. 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:
Category | Display all products or a specific product category |
Layout | Change the following:
|
Style | Change the following:
|
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:
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 |
|
Style |
Learn how to customize the text font |
Button |
|
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