What is the cart?
The cart is where customers accumulate their selected products before proceeding to the checkout. It allows customers to easily add, modify and remove products, while providing a clear overview of any automatic discounts. The Expression theme also includes the option to display additional featured products to support upselling.
How to choose the add to cart behavior
Steps
- Open the Theme editor and go to Theme settings > Cart
- Use the After adding to cart setting to control what action is taken after a customer adds an item to their cart.
'After adding to cart' setting
This setting controls what action is taken after a customer adds something to their cart.
- Stay on the same page: Item will be added to the cart and the button text will change to indicate the item is being added. Once the items are in the cart, a box is displayed below the buy buttons showing a tick and text to indicate the items have been added, and a link to the cart page.
- Go to the cart page (with quantity check): Item will be added to the cart and the button text will change to indicate the item is being added. Once the items are in the cart, the customer is redirected to the cart page.
- Go to the cart page (JS disabled): When a customer adds something to the cart, they will be directed to the cart page immediately without any stock checks being performed. Shopify will however still perform these checks during the checkout process. This option may be best for app integration.
Cart page
The cart page is a dedicated page for customers to review and manage the items they have added to the shopping cart before proceeding to checkout. This page can be configured and customized like other pages of the store.
Steps
- Open the Theme editor, and select Cart from the template picker dropdown at the top.
- Click the Cart section on the left hand side.
Cart page settings
In the cart page settings, there are a variety of settings that can be used to modify the layout and cart behavior.
- Enable cart notes permits customers to attach notes to the order.
- Show tax and shipping information displays any tax status and shipping policy links (required in some EU countries).
- Show additional checkout options is the option to enable Shopify's dynamic checkout buttons.
- Include a Terms and Conditions Page by using the page picker or a dynamic source (metafield). When added, customers will be required to accept the terms and conditions before proceeding to the checkout. Additional checkout options will be hidden when the cart terms are shown.
- Show backorder text is used to indicate to customers that an item is currently out of stock but will be shipped when it is back in stock. This setting only displays text for products which have been set to allow purchase when out of stock where Shopify tracks the inventory.
- Enable automatic cart updates allows the cart to be updated with ajax. It may be necessary to turn this setting off for some apps to work.
Shipping calculator
A Shipping calculator feature that uses the shipping and delivery rates set out in the Shopify admin under Settings > Shipping and delivery.
Featured products
The Expression theme includes the option to upsell and cross-sell by showing additional products on the cart page. If desired, these additional products can be restricted to appear only in an empty cart.
Steps
- Open the Theme editor, and select Cart from the template picker dropdown at the top.
- Click the Cart section on the left hand side and scroll to the Featured products settings.
- Choose when to show the Featured products. The setting Show only when cart is empty means the products will not be shown when there are items in the cart.
- Set a Heading to encourage customers to review the featured products.
- Select a Collection to feature. If a collection is not selected then the Featured products will not be displayed.
- Set the number of Products in row for desktop. Up to a maximum of four products can be shown.
- Choose whether to Show product vendors.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us