Skip to content

Variant Picker (Size & Color)

Let customers choose the right version of your product.

Styles

  • Buttons (Pills): Clickable boxes for each option. Great for most stores.
  • Dropdown: A list that expands when clicked. Use this if you have many options (like 20+ colors) to save space.

Color Swatches

Show actual color circles instead of text.

  1. Enable: In the block settings, choose a Swatch Shape (Circle or Square).
  2. How it Works: The theme reads the variant name.
    • "Red" shows a red circle.
    • Custom Colors: For unique colors like "Sunset Orange", upload a small image named sunset-orange.png to your Shopify Files. The theme will automatically use it!

Size Guide

Help customers find their fit and reduce returns.

  1. Create a "Size Guide" page in Shopify.
  2. In the block settings, link the Size Chart to that page.
  3. A "Size Guide" link will appear, opening a popup when clicked.

Quantity Selector

  • Bulk Discounts: If you offer tiered pricing (e.g., "Buy 10, save 20%"), a price table will automatically appear below the quantity box to encourage larger orders.

Released under the MIT License. | Contact: 15845605353@qq.com