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.
