How to customize Product list section

📖 In this article, we are learning about our Boost Theme's Visual editor Product list element and how to customize it.

âš  This article only works for Boost AI Search & Discovery V3 new Theme settings. To find out which version of our app your store's current theme is installed with, please follow this article.

On this page

Product list section styling

To customize the product list on a page:

  1. From the app's admin, go to Integration menu > select Shopify Integration > Find [Target Theme] > Select Edit Visual Design.

  1. Under the General Settings heading, go to the Product list section.
  • On the Right panel, you will see the Product list section’s style to customize. You can customize for:

    • Products per page. You can pull the slider to choose the number of products in one page. The max products per page is 50 products.
    • Products per row (desktop). You can pull the slider to choose the number of products per row on desktop. The max products per row on desktop is 6 products.
    • Products per row (mobile). You can pull the slider to choose the number of products per row on mobile. The max products per row on mobile is 2 products.
  • Click Save button to save all the changes you have made.

Tutorial video

Watch our tutorial video to learn how to customize the Product List section:


If you have any questions or need further assistance, please do not hesitate to reach out to our dedicated support team at support@boostcommerce.net.