Integrating Appbrew with Color Swatch King groups related products and shows their variants visually on the product page. You can:
- Group related products by color, style or option on the product detail page
- Display variants as image swatches, text labels or product cards
- Let shoppers switch between grouped products directly from the PDP
- Cover use cases like related styles and gift-set variations
This means high-SKU catalogs — fashion, beauty, footwear, home — stay easy to navigate, with related items one tap away instead of a separate search.
How it works: the integration relies on a Shopify metafield (group_data) that must exist and contain the correct product references for swatches to display.
What You Need
- Login credentials for both your Appbrew and Color Swatch King accounts
- An active Color Swatch King setup
- The
group_dataShopify metafield populated on grouped products - Minimum Appbrew plan: Starter
How to Set Up the Integration
Contact your Appbrew representative to enable this integration for your app. Note that Color Swatch King must be enabled per store — it isn't on by default.
Use Cases
Color Switching on the PDP
- Trigger: a shopper views one color of a product
- Action: they tap a swatch to switch to a related color or style
- Outcome: fewer clicks to find the exact variant they want
Gift Set Variations
- Trigger: a shopper browses a gift-set product
- Action: related set variations display as grouped swatches
- Outcome: easier discovery of the right set without a separate search
FAQs
Why aren't my swatches showing?
Check that the Shopify group_data metafield exists and contains the correct product references.
Can I choose between image, text and product-card swatches?
Yes, all three display formats are supported.
Is the integration enabled for every store automatically?
No — it must be enabled per store.
What if a swatch image is missing?
Check that the referenced product has usable media with an available image link.
