Apps / Combined Listings Swatch
Visual swatches for Shopify variants and combined products.
Render product options as image, color, card, button or text selectors, and link separate products into one visual picker. Works on product pages, collection cards and quick view.
ColorSage
Selector styles
Pick the right selector for each option.
Color belongs on a swatch. Size rarely does. Set the style per option and per surface instead of accepting one global look.
- Image swatchThe variant's own photo, at any radius — circle, rounded or square.
- RoundedThe same values, corners at 10px.
- SquareThe same values, corners at 2px.
- Custom swatchAn uploaded color or texture tile, where the photo is not the clearest signal.
- Swatch cardImage and value name together, for ranges where the label carries the weight.
- ButtonShort fixed sets — sizes, lengths, quantities. A sold-out value is struck through rather than hidden.
- DropdownA menu where a menu is right, styled to match the rest of the picker. Shown open.
- HiddenA selector suppressed on a surface, for internal options that should not reach shoppers. Nothing renders — that is the setting working.
- No selector rendered
Product pages and collection cards each take their own style, so a compact swatch row on the grid can sit alongside a full picker on the product page. Style your swatches
Combined listings
Link separate products into one picker.
Many catalogs keep each colorway as its own Shopify product, for photography, inventory, SEO or the 100-variant ceiling. A product group connects those products so every colorway appears in one selector, on every product in the group.
Five separate products, one picker
- Own URL
- Each product keeps its own page, images, price and inventory.
- Reversible
- Nothing is merged, renamed or deleted. Remove the group and the catalog is exactly as it was.
- Any plan
- Available on every Shopify plan, unlike Shopify's own Combined Listings.
- Any axis
- Group by whatever the products share: color, material, length, scent, bundle size.
Collection pages and quick view
Show the options before the shopper commits to a click.
A shopper scanning a collection grid cannot tell which products come in the color they want. Swatches on the card answer that in the grid itself.
Chore Jacket — Persimmon
Chore Jacket — Cobalt
- Collection cards
- A compact swatch row on the card, with its own style setting.
- Quick add and quick view
- The theme's modal gets the full picker and add to cart.
- Product gallery
- Switching a swatch can filter the gallery to that variant's media.
Setup
Three steps, in the admin and the theme editor.
Standard setup needs no Liquid and no code change to the theme.
- 01
Install from the Shopify App Store
The app detects the active theme and loads the configuration tested for it, or the generic configuration if the theme is not one of the 24.
- 02
Enable the blocks in the theme editor
Add the swatch block where the variant picker sits on the product page, and on the collection card if you want swatches in the grid.
- 03
Choose a style per option
Set image, color, card, button, dropdown or hidden for each option, set out-of-stock behavior, then create a product group for ranges that live as separate products.
Theme markup varies. If the automatic placement needs adjustment, send the store URL and support will review it.
Documentation
- Price
- Free to install
- Shopify plans
- Every plan, Plus not required
- Themes configured
- 24 tested, plus a generic Online Store 2.0 configuration
- Setup help
- support@awecommerce.net
Everything the app does
- Image swatches from variant photos
- Swatches show the real product, with no separate asset library to maintain
- Custom color and texture swatches
- A consistent swatch row even when product photography varies
- Swatch cards
- Option names stay legible where color alone is ambiguous
- Button selectors
- Sizes and short option sets stay one tap away
- Dropdown selectors
- A menu where a menu is genuinely better, matching the picker's styling
- Hide a selector
- Internal or irrelevant options never reach the storefront
- Separate style per surface
- A compact row on collection cards, a full picker on the product page
- Product groups
- Separate products behave as one range, on any Shopify plan
- Collection-card swatches
- Shoppers see available colors without opening each product
- Quick add and quick view
- The picker works inside the theme's modal, not only on the product page
- Out-of-stock display
- Leave as-is, cross out, grey out or hide — sold out reads as sold out
- Tooltips with text, image or both
- Option names stay discoverable on small swatches
- Selected-value label
- The chosen option is stated in words, not only implied by a ring
- Gallery variant filter
- Switching a swatch updates the gallery to that variant's media
- Custom CSS field
- A developer can finish the last mile without a code change from AWE
Questions
Answers before install.
Which Shopify themes does the app support?
The app ships tested configurations for 24 Shopify themes, including Dawn, Horizon, Craft, Refresh, Studio and Taste, plus a generic configuration that covers other Online Store 2.0 themes. If placement needs adjustment on your theme, support will review the setup.
Do I need to edit theme code?
No. Standard setup is done in the app and the theme editor, with no Liquid to write. A custom CSS field is available if a developer wants to fine-tune the appearance.
Can I show swatches on collection pages?
Yes. Collection cards can render a compact swatch row with its own style setting, so shoppers see the available colors while scanning the grid instead of opening each product.
Can I use real variant images instead of color dots?
Yes. Image swatches use the variant's own product photo. You can also upload custom color or texture tiles, or use swatch cards that pair the image with the option name.
Can I group separate products without Shopify Plus?
Yes. Product groups link related products into one picker on any Shopify plan. Each product keeps its own page, images, price and inventory. Shopify's native Combined Listings is limited to Plus; this is not.
Is the app free?
AWE Combined Listings Swatch is free to install. Current plan detail is on the Shopify App Store listing.
How are sold-out options handled?
Choose per store: leave the option as it is, cross it out, grey it out, or hide it. Shoppers can tell an unavailable choice from one they can buy now.
Does it work with Shopify's category metafield swatches?
The app can present option values whether or not you use Shopify's category metafields, and it adds the styles, surfaces and product grouping that metafields alone do not cover.
Will it slow my storefront down?
The swatch script runs only on pages that need it and reads option data the page already carries. The gallery filter and tooltips are opt-in, so an unused feature costs nothing.
What happens if I uninstall?
Swatches stop rendering and the theme's own variant picker returns. Products, variants, images, prices and inventory are unchanged, because the app never rewrites the catalog.
Put the whole range in one picker.
Install free, set a selector style per option, and group the products that belong together.
Free to install, on any Shopify plan. No Liquid to write for a standard setup.