Skip to main content
How to customize the Product list section

In this article, we show you how to customize the Product list section.

Connell Nguyen avatar
Written by Connell Nguyen
Updated over a week ago

📖 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.


Product list section styling

To customize the product list on a page:

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

2. 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 on one page. The maximum number of products per page is 50 products.

  • Products per row (desktop). You can pull the slider to choose the number of products per row on the desktop. The maximum number of products per row on the desktop is 6 products.

  • Products per row (mobile). You can pull the slider to choose the number of products per row on mobile. The maximum number of products per row on mobile is 2 products.

  • Click the 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 [email protected].

Did this answer your question?