📖 In this article, we are going to learn more about the Product Information section and how to use it to optimize your theme’s layout and make it look the way you’d like it to.
⚠️ 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.
An overview of the Product Information section
Visual captivation is an important factor in making a sale. To help you achieve your goal better, we offer the tools to design and make your product’s grid look best for your liking, from head to toe.
The Product Information section is dedicated to the area below the Product Image. In this section, you can add up to 10 elements.
How to edit with Product Information settings
How to access Product Information settings
Follow these steps to customize the Product information section:
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 section > Select Product Item section.
3. Click the Dropdown icon of the Product Item section > Select Product Information section.
Overview
The product information section has many elements that you can simply add or remove
Based on the theme you are using, the default elements have been added to the product information section and displayed when you access the section for the first time.
You can add these elements to the Product information section:
Product title
Product vendor
Product price
Product rating
Inventory status
Swatch item 1
Swatch item 2
Swatch item 3
Button 1
Button 2
How to add/remove/move elements
If you access the section for the first time, you will see the default elements already added based on the theme you are using.
Add elements
To add new elements to an area, click the Add element button > select the available elements from the dropdown:
⚠️ Once you reach the maximum elements (10). The Add element option will be disabled.
Remove elements
To remove an element, select the element you’d like to remove by simply clicking on it > on the bottom Right panel of the editor, click Remove element.
or
Hover over the Product count element > click the trash bin icon button to delete it.
⚠️ Please be aware that this action is irreversible.
Move elements
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.
Always remember to click Save after making a change.
Styling configuration
To access the Product Information styling configuration, check the right panel of the editor after clicking Product Information on the left panel.
Alignment
You can customize the alignment for all the elements added to the Product information section. There are 3 options:
Left
Center
Right
Click the Save button to save all the changes you have made
You can check more information about the STYLING tab here.
Tutorial video
Watch our tutorial video to learn how to customize the Product Information section:
If you need any further assistance, please do not hesitate to contact us at [email protected].