Products in cart

Products in cart is the list of what the shopper has in their cart, and the one module that is on in every new cart. It renders one row per cart line, with a thumbnail, the product title, the variant, the price, a quantity stepper and a remove button.

There is nothing to configure about the list itself — it shows the cart. What you can edit is the text shown when the cart is empty.

What each row shows

• Thumbnail and title link to the product page. Clicking either leaves the drawer and opens the product.
• Variant options are shown under the title, separated by · — for example Medium · Blue. Products without real variants show nothing here.
• Price is the line total. When the line carries a discount, the original price is struck through above it and a Save x% badge is shown, rounded to a whole percent.
• Quantity uses a stepper. Stepping down to 0 removes the line, which is the same as clicking the trash button.

Prices follow your store's money format. If you would rather not show .00 on whole amounts, turn on Hide decimals on whole amounts in the Behavior panel — see The editor.

Empty cart

When the cart is empty the list is replaced by three editable strings:

• Empty cart message — "Shown in place of the product list when the cart has nothing in it." Default: Your cart is empty.
• Continue shopping button — "Shown under the empty-cart message; closes the drawer." Default: Continue shopping. Clear this field to hide the button entirely.
• Loading message — "Read out by screen readers while the cart loads; shoppers see placeholder rows." Default: Loading…

Most other modules hide themselves on an empty cart — the progress bar, upsell, shipping protection, discount code and summary all disappear — so the empty state is usually the empty-cart message and whatever you keep in the top bar and footer.

Bundles

If you also use Hype Bundles, a bundle that was merged into a single cart line renders as the bundle with its component products nested underneath it, under the heading "Included in this bundle".

Merged bundle lines behave slightly differently on purpose:

• They show a fixed 2 × style quantity instead of a stepper, because a bundle is added and removed as a whole unit.
• They do not link anywhere. The merged line's product page is an internal placeholder, not something to send a shopper to.

The trash button still removes the whole bundle.

Placement

The module starts in the Content region and should stay there. It is the scrolling middle of the drawer; putting the cart list in the pinned footer leaves it fighting the checkout button for space.

You can only have one Products in cart module per cart, so it disappears from the + menu once added.

Related

• Product upsell
• Summary and checkout button
• The editor