Products

You can highlight your bestselling products with this module. So, whenever a customer lands on your website, he/she will view these products first which can boost your sales.

Add Products Section

You can add products section to your website with this option.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Click on Add Section.

The following slider will be displayed.

Step 4.
Select Products & Category and you will receive the following options.

Step 5.
Hover on the product template and click on  to get a preview of the selected template.

Step 6.
Click on Add This Section if you want to apply the template.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on to add a section. The following slider will be displayed.

Step 4.
Select Products & Category and you will receive the following options.

Step 5.
Hover on the products template and click on  to get a preview of the selected template.

Step 6.
Click on Add This Block if you want to apply the template

Product Section Settings

You can customize the product section layout with the options provided in the product section settings.


Step 1.
Click anywhere in the products section and the following options will be displayed.Step 2.
Click on Product Setting and the following slider will be displayed on the screen.

Featured Products: Enabling this option will allow you to display specific products as per your choice.
Recently Ordered: This will show the user items from their purchase history
Recently Browsed: This will show the user items from their recent browsing history
Show Pricing Details: Enable this toggle to show the price of the displayed products. If you want to hide the pricing details, disable this toggle.
Enable SmartFill on Images: Enabling this unique feature will not leave any blank space in the background of the image block.

Step 3.
Click on Save to apply the changes.

Step 1.
Click anywhere in the products section and the following options will be displayed.Step 2.
Click on Product Setting and the following slider will be displayed on the screen.

Featured Products: Enabling this option will allow you to display specific products as per your choice.
Recently Ordered: This will show the user items from their purchase history
Recently Browsed: This will show the user items from their recent browsing history
Show Pricing Details: Enable this toggle to show the price of the displayed products. If you want to hide the pricing details, disable this toggle.
Enable SmartFill on Images: Enabling this unique feature will not leave any blank space in the background of the image block

Step 3.
Click on Save to apply the changes.

Add / Update Products

You can edit and make changes in the products section with this option.


Step 1.
Click on Customize Website from the main menu.Step 2.
Click on Customize Website.Step 3.
Click on Add Section.The following slider will be displayed.

Step 4.
Select Products & Category and you will receive the following options.

Step 5.
Hover on the product template and click on  to get a preview of the selected template.

Step 6.
Click on Add This Section if you want to apply the template.

Step 7.
Click on Add Product/Service.

The following slider will be displayed.

Step 8.
Enter the name of the product/service and you will receive related suggestions. Select the product/service of your choice and it will added to the section.

Step 9.
Click anywhere on the products layout and the following options will be displayed.

Step 10.
Click on Edit Image. The following slider will be displayed.

1. The name of the product is displayed.

2. You can add another image. Clicking on Add Image will display the following options.

Upload Image: You can upload an image from your local drive.
Add From Link: You can add an image from the internet by adding the URL.

3. You can edit the product details with this option. The following modal will be displayed. Click here to know more about editing product details.

Step 11.
Click on Sort Product/Service and the following slider will be displayed. You can change the product order by dragging on the

Click on and the following options will be displayed. You can edit the image, name, price of the product or remove the product.

Step 12.
Click on Change Styling and the following options will be displayed.

1. You can copy product styling.
2. You can then paste the product styling that you had copied before.
3. You can change the font styles from the given options.

4. You can change the font weight to Regular or Bold.

5. You can increase the font size with this option.
6. You can decrease the font size with this option.
7. You can change the font style to Bold.
8. You can change the font style to Italic.
9. You can underline the text with this option.
10. You can change the color with this option.
11. You can change the alignment with this option.

12. Clicking on this will display the following options.

1. You can change the line height with these options.
2. This option helps you define the space between the characters.
3. You can change the font to uppercase.
4. You can change the font to lowercase.

13. Click on Settings and the following slider will be displayed. Click here to know more.

Step 13.
Click on Product Setting and the following slider will be displayed. Click here to know more about product setting.

Step 14.
Click on SEO to add SEO to the product. Click here to know more.

Step 15.
Click on Delete and the product will be deleted.

Click on any text block to customize the text. Click here to know more.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on to add a section. The following slider will be displayed.

Step 4.
Select Products & Category and you will receive the following options.

Step 5.
Hover on the products template and click on  to get a preview of the selected template.

Step 6.
Click on Add This Block if you want to apply the template

Step 7.
Click on Add Product/Service.

The following slider will be displayed.

Step 8.
Enter the name of the product/service and you will receive related suggestions. Select the product/service of your choice and it will added to the section.

Step 9.
Click anywhere on the products layout and the following options will be displayed.

Step 10.
Click on Edit Image and the following slider will be displayed.

1. The name of the product is displayed.

2. You can add another image. Clicking on Add Image will display the following options.

Upload Image from Gallery: You can upload an image from your gallery.
Take a Picture: You can take a picture from your camera phone.
Add From URL: You can add an image from the internet by adding the URL.

3. You can edit the product details with this option. The following modal will be displayed. Click here to know more about editing product details.

Step 11.
Click on Sort Product/Service and the following slider will be displayed. You can change the product order by dragging on the

Click on and the following options will be displayed. You can edit the image, name, price of the product or remove the product.

Step 12.
Click on Change Styling and the following options will be displayed.

Border Width: You can define the border width with this option.

Color: You can change the color of the border with this option.

Image Radius:You can define the image radius with this option.

Step 13.
Click on Product Settings and the following slider will be displayed. Click here to know more.

Step 14.
Click on SEO to add SEO to your products. Click here to know more.

Step 15.
Click on Remove to remove the product.

Remove Products Sections

You can delete the products section with this option.


Step 1.
Click on Customize Website from the main menu.

Step 2.
Click on Customize Website.

Step 3.
Hover on the right side of the products section and the following options will be displayed.

Step 4.
Click on Delete and the products section will be deleted.

Note

You can reverse this action by clicking on Undo option which pops-up when you delete any section.

Step 1.
Click on Customize Website from the Homepage.

Step 2.
Click on Customize Website.

Step 3.
Click on   and the following options will be displayed.

Step 4.
Click on Delete and the products section will be deleted.

Note

You can reverse this action by clicking on Undo option which pops-up when you delete any section.

Help us improve our Support Center. Was this article helpful?
Thank you for the feedback
Thank you for the feedback
Still can't find what you're after? Write to us so that we can help you out.

7 thoughts on “Products”

Comments are closed.