📖 In this article, we are learning about our Boost Theme's Visual editor Product count 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.
Customize the Product Count element
To access the Product count in the Visual editor
1. From the app's admin, go to the Integration menu > select Shopify Integration > Find [Target Theme] > Select Edit Visual Design.
2. Under the Collection header or Toolbar section > select Add element on the left panel > select Product count.
Manage the Product Count element
Add the element
Under the Toolbar section, click Add element > select Product count.
Hide/Unhide the element
Hover over the Product count element > click the eye icon button to hide it
Repeat the same step to unhide it.
Delete the element
Hover over the Product count element > click the trash bin icon button to delete it.
Move the element
You can only move the element within its designated section. Click then hold the double kebab icon button to drag and drop to move it.
Customize the Product Count element
1. Drag and drop the element if it is placed in the Toolbar section and then start using it.
In Toolbar , you can choose the Text description for the Product count on your pages. there are 2 options:
{{count}} products
Showing {{from}} - {{to}} of {{total}} products
2. In Collection header , you can choose the Text description for the Product count on your pages. there are 2 options:
{{count}} products
Showing {{from}} - {{to}} of {{total}} products
Otherwise, you can choose a text color and adjust its font size.
You can check more information about the STYLING tab here.
If you need any further assistance, please do not hesitate to contact us at [email protected].