eg

Cross-sell patterns

Cross-sell is where a session turns into a basket of two or three items instead of one. The pattern depends on whether items go together for utility, style, or just statistical co-purchase. Pick the wrong frame and the row reads as filler at best, manipulative at worst.

Amazon

Frequently bought together bundle

Three product thumbnails connected by plus signs at the top, three matching checkbox rows below with prices, and a single Add-all CTA showing the bundle total. The reference cross-sell pattern in marketplaces.

Example of an Amazon-style frequently-bought-together bundle with checkboxes and total pricesearchcategory / electronics / headphonesFrequently bought together$59.99$59.99$59.99This item: Soundcore Life Q30 headphones$59.99Anker USB-C charging cable, 6ft$12.99Carrying case for Q30, hard shell$24.99Total price for 3 items$97.97Add all three to cartecommerceguide.com

> what's good

  • +Bundle CTA collapses three add-to-cart actions into one, lifts attach rate materially.
  • +Checkbox model lets shoppers de-select items they don't want without leaving the bundle.
  • +Algorithmic pairing improves over time as basket data accumulates.

> what's risky

  • ·Bad pairings (already-owned, incompatible) tank trust and erode CTR on the whole module.
  • ·Total price line can mask individual prices, shoppers feel tricked once items are in the cart.
  • ·Default-checked items are a regulatory grey area in some markets.
Fashion

Complete-the-look lifestyle row

A lifestyle photo with numbered hotspots on the model, paired with a vertical product list on the right. Each list item shows the matching number, image, name, price, and an add-to-bag button.

Example of a fashion complete-the-look row using a lifestyle photo with annotated hotspotssearchcategory / women / dressesComplete the lookStyled by our team. Tap a number to add.1231Wrap midi dress$148This item2Suede belt, tan$68Add to bag3Leather mules$210Add to bagecommerceguide.com

> what's good

  • +Lifestyle photo provides aspirational context, raises basket value beyond pure utility.
  • +Hotspot numbering makes the visual-to-product mapping unambiguous.
  • +Stylist-curated bundles feel editorial rather than algorithmic, fits the brand.

> what's risky

  • ·Manual curation cost is real, hard to maintain coverage across long-tail SKUs.
  • ·Hotspot UI breaks badly on mobile, numbers crowd small images.
  • ·Out-of-stock items inside a curated look kill the entire module's effect.
Default

You-might-also-like carousel

A horizontally scrolling row of product cards with quick-add CTAs, paginated arrows on either side, and a position counter. The fallback pattern when neither bundling nor styling fits.

Example of a you-might-also-like simple carousel with arrow controls and product cardssearchcategory / home / lightingYou might also like1 of 12Linen pendant lamp$189(248)Quick addBrass arc floor lamp$420(248)Quick addCeramic table lamp$98(248)Quick addWalnut sconce$135(248)Quick addecommerceguide.com

> what's good

  • +Works on every PDP without category-specific authoring.
  • +Quick-add lets shoppers stay on the current page, supports browse-led sessions.
  • +Cheap to implement and easy to power with a generic recommendation API.

> what's risky

  • ·Carousels under-perform vertical layouts because users don't scroll horizontal rows.
  • ·Generic recommendations feel lazy on a high-design DTC PDP.
  • ·Position counter (1 of 12) hints at content shoppers will never see, low ROI on the long tail.

More product detail patterns