9 - How To Set Trending Products

1. Click Add Template Button

Click the "Template" button to start creating a new product display template.

2. Select Product Display Templates

Click "Product Display Templates" to access the section where you can manage your product templates.

3. Choose product template design

Choose a top product template design.

4. Access Title Name Field

Click "Enter Title Name" to specify the name for your trending products template.

5. Access Description Field

Click "Enter Description" to add a description for your template.

6. Set Title color & Description color

You can also set the color of the template title and description according to your brand style.

7. Content Position Options

You can set the title and description content position using the Left, Center, or Right alignment options.

8. Choose the product display manully ya Top by sales

Click here to Choose the product display manully and Top by sales.

9. Choose Manually Products

After selecting Manual Products, a product selection option will appear. From there, you can manually choose products and display them on your site.

10. Access Extended Settings template Carousal view

If you want to display product items in a carousel slider, set Carousel to Yes. Your product items will then appear in a sliding carousel.

11. Choose desktop columns

Click the Desktop Columns dropdown to set the number of columns for the desktop view according to your preference.

12. Choose tablet columns

Click the Tablet Columns dropdown to set the number of columns for the tablet view according to your preference.

13. Choose mobile columns

Click the Mobile Columns dropdown to set the number of columns for the mobile view according to your preference.

14. Open Background Style

Click "Set Background Style" to customize the background appearance of the template.

15. Background Style

Background style options are available — you can set a color, image, or gradient in the template.

16. Save Template Changes

Click "Save Changes" to apply and save all modifications made to the template.

17. Product design privew

Preview the updated template after saving changes.

You have successfully configured the Trending Products template in Boni. You learned how to change and apply trending product design templates, add products manually or show top trending products, and customize the template title, description, colors, and background settings.