Variant pills

Variant Pills allow you to customize the style of variant pills (not dropdown style) in the theme.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. 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.)

PreviousButtonsNextInputs

Last updated