For the complete documentation index, see llms.txt. This page is also available as Markdown.

Bought together

Suggest products that go well together on your product page and let shoppers add them all to the cart in one click.


The Bought together block shows a checklist of products on your product page, optionally starting with the product being viewed. Shoppers tick the products they want, choose a variant and quantity for each ticked row, and see a live subtotal update before clicking Add selected to cart to add everything in one go. Use it to increase order value with accessories, refills or matching items.

1. Our guide to set up a Bought together block:

Steps:

  • In the theme editor, open a product template.

  • In the Product information section, click Add block.

  • Locate Bought together.

  • Pick up to 6 Products to suggest.

  • Click Save.

2. Block settings

  • Display position: Where the block appears on desktop: Product info / Media. With Media, the block appears below the product images on desktop and stays in the product information area on mobile.

  • Heading: Title of the block (default "Frequently bought together").

  • Description: Optional short text shown below the heading.

  • Products: The products to suggest, up to 6.

  • Show main product as first item: Adds the product being viewed as the first row, marked "This item".

  • Rows

    • Show quantity: Shows a quantity picker on each ticked row.

    • Maximum quantity: Highest quantity shoppers can choose per row, 2–20. Only shown when Show quantity is on.

    • Image size: Size of the product images in each row, 64–160px.

  • Summary

    • Subtotal label: Text shown before the subtotal (default "Subtotal").

    • Button label: Text on the add to cart button (default "Add selected to cart").

  • Corner radius

    • Card: Roundness of the row corners, 0–32px.

    • Variant picker: Roundness of the variant and quantity pickers, 0–50px.

3. Tips

  • All rows start unticked. The variant and quantity pickers appear once a shopper ticks a row, and the subtotal shows the combined price and item count, with the compare-at total crossed out when there are savings.

  • Clicking Add selected to cart adds all ticked products at once and opens the cart drawer or cart notification.

  • Sold-out products are shown but can't be ticked, and sold-out variants can't be selected.

  • Pre-order products are left out of the list, including the main product.

  • You can add one Bought together block per product template.