Skip to Content
DocumentationTheme SettingsVariant pickers

Variant Pickers

The Variant pickers Theme settings group controls the global visual treatment for variant text options, selected states, buttons mode, underline mode, and dropdown appearance.

Use Variant Pickers and Swatches for the full setup workflow across product option data, global settings, product-card swatches, and the Product page Variant picker block.

Fit Check theme editor showing Variant pickers Theme settings with Variant colors and Selected variants color controls.
Variant pickers begins with base and selected color states. These controls affect text option and dropdown styling, while visual swatch dimensions and swatch-specific behavior live in Swatches.
Fit Check theme editor showing Variant pickers Theme settings with text option, button, underline, and dropdown appearance controls.
Text option style, Button style, Underline style, and Dropdown appearance finish the Variant pickers group. These map to global variant-picker tokens consumed by product forms and product-card quick-add where those controls render variant options.
AreaSettings
Variant colorsBase background, text, border, and hover colors.
Selected variantsSelected background, text, border, and hover colors.
Text option styleFont size, minimum width, and minimum height.
Button styleBorder width, border radius, selected outline width, and button width behavior.
Underline styleUnderline color, thickness, and offset.
Dropdown appearanceDropdown background, text, and border colors.

Ownership Notes

  • The Variant pickers group controls text option and dropdown styling.
  • Visual swatch size, radius, border, opacity, gap, variant image behavior, and sold-out indicator are in Swatches.
  • Product-card title/media/price composition is handled by Product item blocks, not by this Theme settings group.
SearchSwatches