Style editor
Fine-tune how swatches look so they match your brand—colors, borders, size, and what happens when a customer hovers or selects an option.
How to customize
- Open the app and go to Style editor (or pick a style in Swatch gallery first)
- Pick a style at the top (Rounded, Square, Pill, etc.)
- Adjust the settings in the panels
- Watch the Preview update as you go
- Click Save
Your store updates immediately—no need to republish your theme.
What you can change
Depending on the style you picked, you may see options for:
- Selected look — Border or highlight when an option is chosen
- Unselected look — How other options appear
- Hover — Feedback when a customer moves the mouse over an option
- Size — How big swatches or buttons are
- Colors — Borders, backgrounds, and text
Tips
- Start from Swatch gallery to pick a base style, then customize here.
- Changes apply to every product that uses that style.
- Use Product options if only one product needs a different look.