Variant picker

Setting Description
Bottom space

You can adjust space after “Variant picker” block using this option:

  • None
  • Small
  • Medium
  • Large
Style

Choose how product variants (e.g., size, color, material, design…) are displayed on the product detail page.

  • Dropdown: A simple dropdown menu for selecting variants.
  • Pills: Button-like options for a clean and interactive style.
Show borders Slide the toggle to the right to add top and bottom lines separating options from other blocks and content.

Color swatch


Setting Description
Type

Select how color variants are displayed on the product detail page.

  • Dropdown: A simple dropdown menu for selecting color variants.
  • Pills: Button-like options for a clean and interactive style.
Swatch

Visual representations of variants, like colors or patterns.

  • Circle: Rounded swatches
  • Square: Boxed swatches
  • None: No specific shape; uses the default display: dropdown or pills.
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