Product Card
What Is It?
The Product Card settings control how each item in the cart is displayed: which details to show, how the thumbnail is sized, and which icon removes an item. Every toggle here applies to all products shown in the drawer.
Setup Walkthrough
Step 1: Open Product Card Settings
From the Cart Editor, click Product card under Body in the left panel.
Step 2: Choose What to Show on Each Card
Toggle the details you want visible on every product in the cart:
| Toggle | What it shows |
|---|---|
| Show variant options | Variant names and values below the product title (for example, Size: M / Color: Blue) |
| Show product reviews | Star rating on each product |
| Show vendor | Product vendor name |
| Show SKU | SKU code |
| Show compare-at price | Original price with a strikethrough |
| Show discount | Discount amount highlighted on the card |
| Show stock left | Remaining inventory count. You can set a threshold: Show only when stock left is less than N items — creates urgency without cluttering cards for well-stocked products. |
| Show savings below product prices | How much the customer saves |
Step 3: Set the Free Gift Text
The Free gift text field sets the label shown on items that are added as free gifts (for example, via AOV Free Gift campaigns). The default value is Free gift. Change it to match your store's language or branding.
Step 4: Set Up Subscription Upgrade (Joy Subscription App)
The Subscription section integrates with the Joy Subscription App to show a subscription upgrade prompt on each product card.
- If Joy Subscription App is not installed, click Go to app to install it from the Shopify App Store.
- Toggle Show subscription upgrade to display the upgrade prompt on product cards.
- Set the Label text customers see on the upgrade prompt. Use Add variable to insert
{{discount_value}}and show the discount dynamically (for example, Update to Subscription & Save 10%).
Step 5: Adjust the Product Image
Use the sliders to control how product thumbnails appear:
- Image Width — width in pixels
- Image Height — height in pixels
- Image Border Radius — corner roundness; set to 0 for square, higher for rounded
Step 6: Choose the Delete Icon Style
Pick the icon style used for the remove-from-cart button:
| Option | Icon style |
|---|---|
| strong-trash | Bold trash can |
| remove | Minimal "remove" label |
| trash | Standard trash can |
Troubleshooting
Q1: Variant options don't show even though the toggle is on
Make sure the product actually has multiple variants. If a product has only one variant, Shopify may not expose variant names, and nothing will display even with the toggle on.
Q2: Reviews don't appear
Product reviews require a review app (such as Judge.me or Shopify Product Reviews) to be installed and have reviews submitted for the product. The toggle shows the review data that app provides.