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
Text size

Choose the font size for text:

  • Small
  • Medium
  • Large
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:

  • Regular
  • Medium
  • Semi-Bold
  • Bold
Label style
  • Initial
  • Capitalize
  • Uppercase

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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us