GoToTheme Docs

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

How to Add Color Swatches in Shopify Testament Theme

Testament 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 Testament recognizes for swatches) under that product's variants.
  2. In your Shopify admin, go to Online Store > Themes and click Customize on Testament.
  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. Testament's swatch popup can also show the image assigned to each color variant, not just a flat color chip.

← How to Enable Image Rollover in Shopify Testament ThemeHow to Add Product Tabs in Shopify Testament Theme →