The Problem
After adding a tailored suit or jacket to the cart, customers weren't clearly prompted to add a shirt that would complete the look. To find one, they'd have to go back to browsing, locate the shirts category and manually pick a product, which many users skipped at that late stage. Potential shirt add-ons were often missed, and outfits were purchased without an easy path to a matching shirt.
The Solution
We added a dedicated shirt-focused upsell block inside the cart drawer. When the cart drawer opens and contains at least one eligible main garment (like a suit or jacket), the block displays a curated or dynamically selected shirt recommendation with image, name, price, and a "Show product" button. Clicking through takes the shopper to the shirt product page, where they can review details, select size or custom options, and add the shirt to their cart.
Why It Mattered
The upsell makes it much easier for shoppers to turn a single garment purchase into a more complete outfit. It increases visibility for shirts exactly when customers are reviewing their order and most open to adding a complement, resulting in a more polished shopping experience and higher average order value from relevant, low-friction add-ons.
Technical Details
Built as a conditional upsell block within the cart drawer component. Liquid detects when the cart contains at least one qualifying main product and renders a shirt recommendation. Upsell products are configured in Theme Settings, and the card includes image, title, price and a CTA that links to the shirt's PDP, preserving cart contents while letting the customer configure the shirt properly before adding it to the cart.
