Highlights can be assigned to different groups and each group can be placed at a different location on the product page. Instead of displaying all the Highlights together in one cluster, Highlight Groups gives you the flexibility to display them at different locations.
As an example, you can show a group of Highlights below the product title and a group of different highlights above the product description.
For each Highlight group, you will have to add a 1-line integration code at the location where the badge group needs to be displayed. In the integration code, add the 'smarthGroup' parameter to specify the Highlight group number.
Example integration code for highlight group 2:
{% render 'smarth', product: product, smarthGroup: '2', smarthOuterClass: 'smart-mt-4 smart-mb-4' %}The above code will add highlight group 2 on the above product description.
Similarly, you can add the integration code for highlight group 1 and group 3. If you are not comfortable adding the code simply raise a support ticket here or email us at [email protected] and we will take care of it.
If the 'smarthGroup' parameter is not added to the integration code, then the highlight of group 1 will be displayed by default.
You can assign a group while adding or updating highlights.
Currently, a maximum of 3 groups can be displayed per page.
Highlight groups are available for Pro plan users only.