Variant pills
Variant pills allow you to display the variants of a product on a product page or a featured product section. Customers can select the desired variant to add the product to their cart without needing to change product pages.
Typography
| Setting | Description |
| Label font family |
In Theme Settings, the heading can have a different font family from the body text. You can apply one of these styles to the variant pill labels. |
| Text size | Choose the font size for text:
|
| Label font weight | Use this option to customize globally the font weight of variant labels (on featured product section and product detailed page). Choose from the following options:
|
| Label style |
|
Border settings
Customize the appearance of your border:
| Setting | Description |
| Thickness | Use the slider to adjust thickness of border. The range is from 0px to 24px. |
| Opacity | You can increase or decrease visibility of border color to make it more expressive or less noticeable. |
| Corner radius | Use the slider to control the rounding of variant pills. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision. |