GoToTheme Docs

Straight-to-the-point how-tos for every Shopify theme.

How to Add Color Swatches in Shopify Prestige Theme

Prestige can render a "Color" (or similarly named) variant option as visual swatches rather than a plain text dropdown — a native feature, not an app add-on.

Steps

  1. Make sure your product's color option is actually named Color (or another name Prestige recognizes for swatches) under that product's variants.
  2. In your Shopify admin, go to Online Store > Themes and click Customize on Prestige.
  3. Open a product page and select the Product information section, then find the variant picker's display setting.
  4. Set the color option's display style to Swatch.
  5. Assign an actual color or image to each variant value — go to Settings > Product variants or the specific option's settings depending on how your store is set up.
  6. Click Save.

Swatches only render correctly once each variant value has a real color or image assigned — an unassigned value falls back to plain text.

← How to Enable Image Zoom and Hotspots in Shopify Prestige ThemeHow to Add Product Tabs in Shopify Prestige Theme →