# Variant Swatches DRIFT uses Shopify's native variant swatches for color and size pickers on product pages and collection cards. ## How to access Variant swatches are configured in **Shopify Admin**, not in the theme editor. Go to **Settings → Custom data → Products** and configure swatch metaobjects, or assign swatch values directly to your variants. ## How DRIFT renders swatches DRIFT includes a `swatch.liquid` snippet that renders Shopify's native swatch values (colors, images, or labels) on the product page and Quick Add overlays. No separate theme setting controls swatch behavior — it follows whatever Shopify provides for the variant option. ## Tips * For best results, use Shopify's swatch metaobject system (**Settings → Custom data → Variants → Color**) to attach color values or images to each variant option. * Color and pattern swatches render as small circles. Text values fall back to button-style chips. ## Related * [Colorways metafield](/drift/drift-studio/metafields/colorways.md) — DRIFT's grouped-product variant linker (separate from native swatches). --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.webexp.dev/drift/drift-studio/sections-and-features/variant-swatches.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.