Configuring the Checkout - View Cart system page settings

The View Cart page controls how your Shopping Cart looks and behaves before a customer moves into Checkout. In the Website Editor, under PAGES → Checkout → View Cart, you can configure how products are displayed, where the order summary sits, which buttons appear, and how coupons and gift certificates are presented. These settings are retained by the system and used every time a customer views their cart, so getting them right helps carts feel clear and encourages customers to continue through to Checkout. 

In This Article

• Prerequisites
• Why use this feature?
• Step 1: Open the View Cart Settings
• Step 2: Configure the View Cart widget
• Step 3: Save and publish your changes
• Best Practices
• Troubleshooting
• FAQs
• Additional Resources

Prerequisites

Why use this feature?

The View Cart page is where a customer reviews what they're about to buy before continuing to Checkout, so how it's configured has a direct effect on conversion and on how customers understand their order.

• Choosing a Table or Condensed layout controls how much product detail customers see before they check out.
• Order summary placement and headers affect how clearly totals are communicated.
• Checkout button placement and labelling influence how easily customers move forward in the workflow.
• Coupon and gift certificate display settings determine how customers apply discounts, which affects order totals carried into Checkout.

Because these settings are retained by the system, they apply consistently to every cart view until changed again.

Step 1: Open the View Cart Settings

The View Cart Settings popup opens with the View Cart Properties tab selected, ready for you to configure how the cart is displayed.

Step 2: Configure the View Cart widget

1. In the View Cart Settings popup, configure the following options. Each one is retained by the system and applied whenever a customer views their cart.
   • Product Thumbnails size: sets the dimensions of the product thumbnail, in pixels.
   • Products Display: controls how product details are shown.
     • Table: displays product details in a table format.
     • Condensed: lists product details beside the product image.
   • Products Column Headers: shows or hides column headers for product details when Table is selected in Products Display.
   • Order Summary: sets where the order totals summary appears.
     • Below Products: displays the order summary below the product listing, to the right of the page.
     • Right of Products: displays the order summary beside the product listing.
   • Order Summary Header: shows or hides column headers for order totals when Table is selected in Products Display.
   • Product Code: choose Show or Don't Show for the product code.
   • Checkout Button Above: choose Show or Don't show to control whether a Checkout button appears above the Shopping Cart items.
   • Checkout Button Below: choose Show or Don't show to control whether a Checkout button appears below the Shopping Cart items.
   • Checkout Button Label: edit the text shown on the Checkout button.
   • Continue Shopping: choose whether and where a Continue Shopping link appears.
     • Beside Checkout Button: displays the link to the left of the Checkout button.
     • Below products: displays the link below the product listing.
     • Don't show: hides the link.
   • Coupons & Gift Certificates: choose where coupon and gift certificate credit fields appear.
     • In Order Summary: displays them in the order summary.
     • Below products: displays them below the product listing.
   • Coupons display: choose how coupon code fields are styled.

     • Blocks: displays coupon code fields as input blocks.

       

       Coupons displayed as input blocks

     • Expandable Blocks: displays coupon code fields as expandable blocks.

       

       Coupons displayed as expandable blocks

2. Once your options are set, click OK to apply them to the View Cart widget.

Step 3: Save and publish your changes

1. Click the Save button.
2. Click the Publish button at the right of the Page Settings Bar.

Publishing makes the updated View Cart layout and settings live on your storefront, so customers see the new cart experience immediately and it carries through into the Checkout workflow.

Best Practices

• Use Table display for stores with detailed product options, and Condensed display for a simpler, more compact cart.
• Show a Checkout button both above and below the product listing on longer carts, so customers can proceed without scrolling back up.
• Keep the Checkout Button Label clear and action-oriented (for example, "Checkout" or "Proceed to Checkout") to reduce hesitation at this stage.
• Display coupon and gift certificate fields in the Order Summary if you want totals and discounts reviewed together, improving clarity before customers continue.
• Preview the View Cart page after publishing to confirm the layout matches your intended customer experience.

Troubleshooting

Problem: Changes made in View Cart Settings aren't visible on the live store.

Cause: The changes were saved but not published.

Solution: Return to the View Cart page, click Save, then click Publish at the right of the Page Settings Bar.

Problem: Column headers aren't showing for products or the order summary.

Cause: Column headers only display when Products Display is set to Table.

Solution: Set Products Display to Table, then enable Products Column Headers and/or Order Summary Header as needed.

Problem: Customers can't find where to enter a coupon code.

Cause: The Coupons & Gift Certificates placement may not match where customers are looking on the page.

Solution: Adjust the Coupons & Gift Certificates setting to display fields In Order Summary or Below products, depending on your cart layout.

FAQs

Do I need to configure the View Cart page separately from Checkout?
Yes. The View Cart page is a distinct system page from the other Checkout pages, and its settings only control the Shopping Cart view.

Will these settings affect the mobile version of my store?
The View Cart widget settings apply across your storefront, so layout choices such as Table versus Condensed display should be considered with mobile visitors in mind.

Can I show the Checkout button in more than one position?
Yes. Checkout Button Above and Checkout Button Below are independent settings, so you can show the button in both positions at once.

What happens if I change these settings after my store is live?
Nothing changes for customers until you click Publish. Once published, the updated cart layout applies immediately to all new cart views.

Additional Resources

• Configuring the Checkout - Address system page design settings
• Configure the Design On Product System Page in the Website Editor
• Configuring the Checkout - Confirm system page design settings
• Configuring the User - Login system page settings