Rendered Fits · Merchant guide
Complete the Look vs Shop the Look vs Frequently Bought Together: what is the difference?
Complete the Look suggests items from other categories that finish an outfit around the product a shopper is viewing. Shop the Look starts from a styled image or lookbook and lets the shopper buy the pieces shown in it. Frequently Bought Together groups items because shoppers often purchase them together, and is chosen by purchase behaviour rather than styling. The core difference is the starting point: a viewed product, a finished look, or past baskets.
By the Rendered Fits team · Reviewed 29 September 2026
The three patterns side by side
These labels have no formal standard. Retailers and app vendors use them loosely, and some tools blend two of them, so check what a particular tool actually does before you rely on its name.
| Question | Complete the Look | Shop the Look | Frequently Bought Together |
|---|---|---|---|
| Definition | Suggests items from other categories that finish an outfit around the viewed product. | A styled look, usually a photo or lookbook, with its products tagged so the shopper can buy from it. | A small bundle of items that shoppers often purchase together, sold with one add-to-cart action. |
| Where it appears | Mainly product pages; sometimes the cart or an add-to-cart confirmation. | Homepage, collection pages, lookbooks, campaign landing pages and product pages. | Product pages and the cart. |
| What triggers it | The product being viewed. | The look the merchant or stylist built. The same look appears wherever its image is placed. | Co-purchase history or a hand-picked set, anchored on the viewed product. |
| What the shopper decides | Which extra pieces, if any, to add, and in which size for each. | Whether they like the whole look, then which pieces to buy. | Whether to accept the bundle, usually by ticking items. |
| Sizing implications | Needs a size choice per piece. Per-item recommendations matter most here. | Needs a size choice per tagged piece, often on a different page from the one the shopper started on. | Risk of a default or single variant being added without a real size decision. |
| Best for | Cross-category fashion baskets: a top, trousers, shoes and a bag. | Editorial imagery, campaigns and selling a style or occasion. | Accessories, care items and low-decision add-ons that are used together. |
| Typical data needed | Category and colour attributes, curated pairings or rules, stock by variant, product images. | Styled photography, product tagging, stock by variant. | Order history for co-purchase, or a hand-picked set; stock and variant data. |
How each one works
Complete the Look
A shopper is on a product page, for example a blazer. The block suggests pieces from other categories: trousers, a shirt, shoes. Pairings may be curated, set by rules such as category, colour and season, or generated. The shopper chooses which pieces to add and a size for each.
Shop the Look
A merchandiser or stylist builds a look, usually photographed on a model or in an editorial shoot, and tags the products in the image. The look is fixed, so it can be reused on a collection page, a lookbook or a campaign page. The shopper responds to the whole image first, then picks pieces.
Frequently Bought Together
Usually a small bundle on the product page with the current product pre-selected plus one or two others, often with one price and one button. The extras come from co-purchase history or a hand-picked list, often accessories or add-ons rather than an outfit.
On Shopify, the platform documentation describes two recommendation intents rather than these three labels. Related products are similar to the viewed product and are generated automatically. Complementary products are items often bought in addition to it and are set up by hand in the Search & Discovery app, with up to 10 per product (Shopify documentation, checked 29 September 2026; see Sources). A complementary products block is the closest built-in match to Frequently Bought Together and, with curated outfit pairings, to Complete the Look.
When to use which
- Use Complete the Look when your shoppers buy across categories, your catalogue has clear pairings and you want the product page to show how a piece works with others.
- Use Shop the Look when you have strong styled photography and want to sell a style, an occasion or a campaign. It works well on landing pages, collection pages and lookbooks, where the shopper starts from inspiration instead of a specific product.
- Use Frequently Bought Together when items are genuinely used together and are low-decision purchases: care products, accessories, basics. It is a weaker fit for sized garments, because one click can hide a size decision.
- Combine them carefully. A common split is Shop the Look on landing pages and Complete the Look on product pages. Avoid stacking all three on one page. Baymard’s usability research advises keeping different suggestion types visually separate and clearly labelled.
The sizing problem in outfits
One shopper can need a medium in a top, a 32 in trousers and a large in a jacket. A pattern that treats the outfit as a single item, with one size selector or a pre-selected default variant, gets this wrong by design. Whatever you use, each piece should keep its own Shopify variant, and the variant the shopper chose should be the one that reaches the cart.
Check three things. Can the shopper see and change the size of every piece before adding it? Does a sold-out size in one piece leave the rest of the outfit usable, and does the block say so? Does each piece have size guidance based on that garment, not a generic chart? Baymard also advises showing product variations in a recommended item where they matter, as they do for sized clothing.
A generated try-on image is a visual preview. It does not show whether a waistband, shoulder or sleeve will fit. Keep size charts accessible and treat any preview as a picture of how items might look together, not as a fit test. Our Shopify sizing guide covers the inputs a size recommendation needs.
How to measure success honestly
Define each measure before launch and report its denominator. These are the ones worth tracking:
- Attach rate: orders that include at least one item added from the block, divided by orders that include the product the block appeared on. State whether you count orders or sessions.
- Units per transaction (UPT): total units sold divided by the number of orders, compared between shoppers who saw the block and a comparison group who did not.
- Outfit add-to-cart rate: sessions in which the shopper added two or more items from the same block, divided by sessions in which the block was viewed. It shows whether the pairings are credible, not whether they made money.
- Returns by reason: returns of items bought through the block, split by return reason (too small, too large, not as expected), compared with the same products bought without it. Wait until the return window has closed.
Three cautions. First, a purchase after seeing a block does not prove the block caused it, so use a holdout or an A/B split and record the sample size. Second, average order value can rise while margin or return rates worsen, so read returns alongside it. Third, many published uplift figures come from vendors or vendor-commissioned studies. Treat them as claims until you can see the method and comparison group. This page quotes no uplift benchmarks for that reason, and Baymard’s figures cited here are usability benchmarks, not conversion data. Shopify’s documentation mentions a “Product recommendation conversion over time” report for recommendations set up through its own tools. Our measurement guide sets out a fuller method.
Common mistakes
- Pairing only by what others bought. In Baymard’s 2021 benchmark, 52% of desktop sites showed cart cross-sells that were irrelevant or based only on what other customers bought. Purchase data is a start; add category, colour and occasion logic.
- One size for the whole outfit. See the sizing section above.
- Recommending what cannot be bought. Shopify does not show out-of-stock items as complementary products, so keep variant stock accurate and test what happens when one size runs out.
- Thin recommendation cards. Baymard advises a clear thumbnail, a fully visible title, a price and a rating, plus variations where they matter.
- Mixing purposes in one row. Alternatives and supplements do different jobs. Label them separately.
How to set it up on Shopify
Native recommendations. In the Shopify Search & Discovery app, choose a product and select up to 10 complementary products and up to 10 related products. Complementary items must be active, published to the Online Store, in stock and priced above zero. Your theme needs a complementary products section and a product recommendations section added to the product template.
Hand-built looks. Store a list of product references in a product metafield and render it in a theme section or custom block. You control the pairings, but it needs theme development and upkeep.
Shop the Look. Image hotspots that link to products come from a theme feature or an app. Check whether your theme already includes them before adding anything.
Apps. Whichever you shortlist, test the same five things: how sets are created (manual, rules or generated), whether each piece has its own variant picker, how sold-out sizes are handled, how it behaves on mobile, and what events and reports it gives you.
Where Rendered Fits fits
Rendered Fits is a Shopify app for fashion brands. Its Complete the Look feature suggests outfit pieces from your own catalogue, gives a size recommendation per item and supports adding a single item or the whole outfit to the cart. An optional try-on preview shows how the items might look together; it is a visual preview, not a fit test. It is not a Frequently Bought Together bundler or a hotspot-image tool.
Plans: Free ($0), Complete ($349 per month, with a 14-day trial) and Enterprise ($999 per month). Complete the Look is part of Complete. See current plans and limits, the Complete the Look page and the size recommendation guide.
Questions merchants ask
What is Complete the Look?
Complete the Look is a product-page pattern that suggests items from other categories, such as trousers, shoes or a bag, to finish an outfit around the product the shopper is viewing. Pairings can be curated, rule-based or generated. There is no formal standard, so check what a tool does.
Is Shop the Look the same as Complete the Look?
No. Shop the Look starts from a finished, usually photographed look with tagged products, and it can appear on any page that shows the image. Complete the Look starts from the product being viewed and fills the gaps around it. Some tools blend the two.
Is Frequently Bought Together the same as Complete the Look?
Not usually. Frequently Bought Together is normally chosen from purchase history or by hand and sold as a small bundle, often with accessories or add-ons. Complete the Look is built around an outfit. Both can sit on a product page, but they answer different shopper questions.
Does Complete the Look increase average order value?
It can add items to a basket, but no uplift is guaranteed and it depends on how relevant the pairings are. Test it against a comparison group, use orders that have passed your return window, and check returns by reason as well as order value. Be cautious with headline uplift figures that come from vendors or commissioned studies.
Can I do Complete the Look on Shopify without an app?
Partly. Shopify's Search & Discovery app lets you choose up to 10 complementary products per product, and a theme with a complementary products section can display them. That gives you curated pairings on the product page. Outfit-specific features, such as per-item sizing across a whole look, usually need theme development or an app.
How should sizing work when a shopper buys a whole outfit?
Each piece should keep its own size choice, because the same shopper can need different sizes in a jacket, trousers and top. Avoid a single size selector for the whole outfit, and make sure each chosen variant and any sold-out state reaches the cart correctly.
Sources
Every source below was opened on 29 September 2026. Shopify documentation may have changed since.
- Shopify Help Center: Customise product recommendations with Shopify Search & Discovery. Definitions of complementary and related products, the limit of 10 of each per product and the eligibility rules. Opened 29 September 2026.
- Shopify developer documentation: Product recommendations. The related and complementary recommendation intents, and the conversion report for recommendations. Opened 29 September 2026.
- Baymard Institute: Product Page Usability: Recommend Both Alternative & Supplementary Products (25 November 2014). The distinction between alternative and supplementary suggestions; a usability benchmark of 50 retailers, not conversion data. Opened 29 September 2026.
- Baymard Institute: 6 Ways to Improve the Relevance of Cross-Sells in the Cart (12 January 2021). Relevance and labelling of cross-sells; a benchmark of desktop sites, not conversion data. Opened 29 September 2026.
- Baymard Institute: 6 List Item Attributes to Include for Cross-Sell Recommendations (23 March 2021). Which details to show in each recommended item, including product variations where warranted. Opened 29 September 2026.
Test it on your own catalogue
Pick a small group of products that belong together, check each size through to the cart, and compare against shoppers who do not see the block.