Use cases and catalog examples
FD Combined Listings links separate Shopify products and shows them as one set of swatches. Each product keeps its own URL, title, images and reviews. Below are common ways stores use it, and which group type and style fit each one.
To see it on a live store, open our demo product: Unisex Oversized Shirt - Olive. The demo store is password protected, so ask us for the password in the chat.
The three group types
When you create a group, the app asks What type of group do you want to create?
- Single Option: "Group products by a single option (e.g. Color)." Most stores start here.
- Multi Option: "Group products by multiple options (e.g. Color + Style)." A group can have 2 to 4 options.
- Subcategory: "Independent rows of swatches (e.g. Top, Bottom). Each product belongs to one subcategory."
You name the option yourself, so it can be Color, Finish, Metal, Shade, Size or anything else.
Apparel by color
A shirt sold as one product per color is the most common case. Make a Single Option group with the option name Color, and add each color's product.
For each value, set the Display Type to Color, Custom Image, Product Image or Text only. Use Color 1 and Color 2 for two-tone products, like a navy shirt with white trim. Swatch: Image with the product image works well when the photo shows the color better than a flat color.
Furniture by material or finish
A table sold in oak, walnut and black ash, one product each. Name the option Finish or Material. Image swatches suit this best, because a wood grain or fabric doesn't show as a flat color. Upload a close-up as a Custom Image, or use the product image.
Jewelry by metal
A ring in gold, silver and rose gold. Name the option Metal and use Swatch: Circle Color with a color per metal, or image swatches of the metal itself.
Cosmetics by shade
A lipstick in 20 shades, one product per shade. Use color swatches with the shade's color. For long lists, set Show More Items to show a set number of shades (1 to 30, separately for desktop and mobile) and put the rest behind a "Show More" button. The Swipeable and Slideout Panel layouts also keep long lists compact.
Sets and bundles by size
A candle sold as a single, a 3-pack and a 6-pack, each its own product. Name the option Size or Pack and use the Button, Dropdown/Select or Slider style. Swatch: Polaroid shows each pack's price under its swatch. If a product's variants have different prices, choose what shows under When variant prices differ.
Products from different vendors
A group can hold any products in your store, from any vendor or product type. For example, one bag model made by two suppliers can sit in one group.
Color and Size, or Color and Fit
Some stores sell each Color and Fit combination as its own product: Linen Shirt Olive Slim, Linen Shirt Olive Relaxed, and so on. A Multi Option group shows a row for each option. You match each product to its combination, like Olive / Slim, and shoppers pick one value from each row. Each option can use its own style. See Multi-option groups.
Subcategory groups
A swimwear store sells tops and bottoms separately. A Subcategory group shows them as independent rows of swatches, one row per subcategory, like Top and Bottom. Each product belongs to one subcategory.
Where swatches show
- Product page. Add the FD Product Groups block to your product template in the theme editor. Themes without app blocks can use the app embed and custom placements.
- Product cards. Swatches can show on product cards on collection, search and other pages. Turn on the app embed, create a product card placement under Settings, and switch on the Product Card Preview card in the group. A group can use a different style on cards than on the product page.
Setting up many groups
You don't have to build each group by hand. Bulk create finds groups by Title pattern or Handle pattern, or from a CSV import. On Starter and Pro, automations keep groups up to date as you add products. See Bulk groups and automations.
