1. What is the Cart page?
The Cart page (also known as Shopping Cart) is a dedicated page in a Shopify store where customers can review, manage, and proceed to purchase the items they have added. It provides comprehensive cart management with editing controls, discount applications, upsell recommendations, and transparent pricing to prepare customers for checkout.
2. Location & Setup
- Go to "Online Store" > "Themes" > "Customize".
- Click on the Homepage dropdown menu > Cart.
- From here, you can customize the page template as you want.
2. Page Components
|
Section
|
Items |
Displays all products added to the cart, including product images, titles, variants, prices, quantities, and options to edit or remove items.
|
|
Section
|
Cart upsell |
Shows recommended products or promotions to encourage customers to add more items before checkout.
|
4. Core Features
-
Smart cart management: Intuitive controls for editing quantities, saving items, and removing products directly in the cart.
-
Discount & sharing tools: Built-in promo code application and cart sharing functionality for easy promotions and gift purchases.
-
Upsell & note features: Integrated product recommendations and special instructions field to increase order value and customization.
-
Transparent & responsive design: Clear price breakdown with shipping estimates and mobile-optimized layout for seamless checkout preparation.
5. Common Use Cases
🤔 How to set up a basic Cart page?
Want to configure the full cart page layout? Here's how:
STEP 1:
Search for Items (this section is added by default).
STEP 2: Configure Cart group settings
The Items section of the Cart page uses the same core settings as the mini cart, so key features like cart notes, discount fields, and terms and conditions are already applied.
STEP 3: Add and configure Cart upsell section
- Add the Cart upsell section to the Cart page layout.
- Refer to the "How to configure Cart upsell?" guide for detailed instructions (settings are consistent between mini cart and Cart page).
- Click on the Cart upsell section to open its settings panel and:
- Choose Heading tag (H2 recommended for SEO).
- Adjust the number of columns on desktop (1 to 5) to control product card layout.
- Scroll down to the Product cards group to control what appears on each upsell product card:
- Toggle Show vendor to show or hide the product vendor name.
- Toggle Show product rating to show or hide star ratings (requires a product rating app).
- Toggle Show "Quick view" button to let customers preview upsell products without leaving the cart page.
- Toggle Show product labels and badges to show or hide any labels and badges on upsell product cards.
STEP 4:
Click "Save" when done.
|
🤔 What customization options can you give your Cart page?
|
In the Product cards setting group of the Cart upsell section:
|
|
✨ Show or hide the vendor name on upsell product cards
|
Click on the Cart upsell section > scroll to the Product cards group > toggle Show vendor on or off.
|
|
✨ Show or hide product ratings on upsell product cards
|
Click on the Cart upsell section > scroll to the Product cards group > toggle Show product rating on or off.
⚠️ Note: A product rating app must be installed for ratings to display. Learn more.
|
|
✨ Show or hide the Quick view button on upsell product cards
|
Click on the Cart upsell section > scroll to the Product cards group > toggle Show "Quick view" button on or off.
|
|
✨ Show or hide product labels and badges on upsell product cards
|
Click on the Cart upsell section > scroll to the Product cards group > toggle Show product labels and badges on or off.
|
|
For the whole Cart page section
|
|
✨ Change the Heading tag (for SEO purposes)
|
Click on the Items and Cart upsell section, find and choose the Heading tag from the list.
|
|
✨ Change the section width, add padding, or add a divider
|
Click on the Items and Cart upsell section, and scroll down to the Section layout group, and you will be able to change those settings.
|
|
6. Change Logs
Version 1.8.0 - June 2026
-
Cart upsell section: a new Product cards setting group has been added, containing four toggles to control what appears on each upsell product card:
-
Show vendor (new, default: on) — show or hide the product vendor name.
-
Show product rating (new, default: off) — show or hide star ratings (requires a product rating app).
-
Show "Quick view" button (previously standalone, now in this group).
-
Show product labels and badges (previously standalone, now in this group).
Need help? Contact our support team at Omni Themes Support.
