Combined listings & sibling swatches

01Choose the correct product model

Variants work best when size or colour belongs to one product with shared content. Separate sibling products suit colours with their own photography, content and URLs. Shopify Combined Listings provides a native parent and child product model for eligible Shopify Plus stores with the required app; a theme-level sibling metafield is a separate approach.

02Create a sibling relationship

For a metafield approach, define a product-reference list such as custom.sibling_products. Add all the products that should appear as siblings. Define a short display label and an accessible colour or image swatch for each sibling.

1. Create the product reference definition under Settings → Custom data → Products.
2. Populate sibling references consistently on every product in the group.
3. Attach colour and label values using your agreed product metafield definitions.
4. Add the sibling swatch block to the relevant product template.

custom.sibling_products → List of product references
custom.swatch_label → Single line text
custom.swatch_colour → Colour

03Preserve meaningful navigation

A sibling swatch should link to the sibling product URL. If progressively enhanced to replace product content in place, update the URL, title, price, media, inventory and variant input together. Keep a real link fallback so navigation still works without JavaScript.

1. Mark the current sibling using an accessible current-state attribute.
2. Include text labels such as Stone rather than relying on colour alone.
3. Carry over size only when the destination product has an equivalent available option.
4. Re-initialise quantity tiers and selling-plan options after a product change.

04Audit the catalogue

Check bidirectional links, missing references, archived products and market availability. Sibling products need their own descriptive content, canonical URLs and indexability settings. Validate your merchandising model against Shopify’s current platform guidance rather than hiding duplicate products with improvised redirects.