Variant pills
Last updated
Last updated
Variant Pills allow you to customize the style of variant pills (not dropdown style) in the theme.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme Settings -> Variant Pills.
Border
| Setting | Description |
|---|---|
Thickness
Set the width of an variant pill's four borders. Can be from 0px to 12px, increasing arithmetically of 1px (pixel).
Opacity
Sets the opacity level for an variant pill's four borders. Can be from 0% to 100%, increasing arithmetically of 5%.
Corner radius
Set the radius of the variant pill's corners. Can be from 0px to 40px, increasing arithmetically of 1px (pixel).
Color swatches configuration
Allows customizing the color code of a color name. If you do not enter the color code here it will display the default color according to the w3school color system.
You can customize a special color name with the color code you want or with a png image. For example: Multi Color: multi-color.png. (You need to upload multi-color.png in your Shopify admin.)