The cart page is where your customers land before they get to checkout and purchase. Shoptimized checkout pages contain a tried and true design that is proven to help boost conversions, create comfort and ease of use.
1 The first step is to open the theme settings area of your Shopify theme config and go into the Cart Page section.
2 You can display the top reasons to buy from us icons with this option.
3 Next up, you can disable all buttons except for the secure checkout with this option.
4 Here you can select the background color for the title background.
You can change title text color from 'Title Font Color' setting.
5 You can enable/disable the continue shopping button here.
It will show a continue shopping button which will redirect to the all collections page.
6 Next, select a background color for the continue shopping button.
7 Next, select a color for the continue shopping button text.
8 Now, scroll down and select a background color for the continue shopping button on mouse hover.
9 Next, select a color for the continue shopping button text on mouse hover.
10 You can also display a discount code above the checkout button.
11 Next, enter your discount code.
A customer will use this code on the checkout page.
Ex. 'SAVE5NOW'
12 Next, enter the discount code that you generated in the Shopify back end.
Ex. '5%'
13 You can also enable a help page to show below the checkout button.
14 Selected page content.
15 Now, scroll down and click Display to display related items.
16 Next, click Select collection.
17 Here you can choose to display the discount code box on the slide out cart.
18 Next, click Highlight to show Login buttons if a customer is not logged in.
19 Next click Enable cart notes to show a "Special instructions for seller" input field.
20 Click Show product vendor, If you wish to show a product vendor column on the cart page.
21 Here you can enable/disable the shipping calculator.
22 Next, you can enter a heading text for the Shipping Calculator.
23 Next, enter a default country.
This country will be selected as the default in the shipping calculator country dropdown.
24 Enter submit button text.
Default is 'Calculate Shipping'.
25 Enter submit button text, when calculating.
Ex. 'Calculating...'
26 Here you can enable/disable the cart page timer.
27 Next, enter a Timer Title.
Ex. 'Cart will expire in'.
28 Next, enter countdown timer value in seconds.
Note: enter a number only without any prefix or suffix.
29 Now select the color for timer text.
30 Next, click Enable Cart Shipping Threshold.
it will show above Cart total price.
31 Enter your Free Shipping Text.
32 Next, enter your Free Shipping Achieved Text.
Ex. 'You Have Qualified for Free Shipping'.
33 Next, enter currency notification text.
This is to inform customers about currency conversion.
You'll probably want to leave the default here.
34 Enter Shipping Estimation Text.
Ex. 'Order in the next'.
35 Enter Shipping Estimation text.
Ex. 'to get it by'.
36 Next, click save to save your theme config and preview your changes.
That's it. You're done.
Here's an interactive tutorial for the visual learners
https://www.iorad.com/player/1584657/DemoStore---CartPage
Title Font Color– Changes the font color of the cart list titles.
General Settings
Display Cart Page Logo – Displays your logo on the cart page
Make Checkout Buttons Sticky – Makes the checkout button sticky.
Bottom Sticky Cart – Toggles the bottom sticky cart on or off.
Code Above Checkout Button – Displays a sales code above the product price. (Remove this code to hide this option)
Percentage Discount – Specify the percent off the order customers will receive. (Remove this code to hide this option)
Help Page – Display a help page underneath the cart for any last minute questions and concerns.
Related Items – Displays related items or a collection you specify underneath the cart. A different method of cross/upselling.
Cart General
Enable Cart Notes – Toggle cart notes on or off. Allows customers to leave a note about their order.
Show Product Vendor – Shows the product vendor of items.
Cart Type – Choose the type of cart you want. Drawer or Page.
Cart Shipping Threshold Enable – A final reminder to save on shipping by meeting your threshold.
Shipping Calculator
Display – Displays the shipping calculator.
Heading Text – Insert heading text to display with the shipping calculator.
Default Country Selection – Type in your default country here.
Submit Button Label – Insert submit text here. Ex: “Calculate Shipping.”
Submit Button Label When Calculating – Insert calculation text. Ex: “Calculating…”
Cart Page Timer
Enable – Toggles the cart timer on or off.
Timer Title – Displays text above the timer. Ex: “Cart will expire in”.
Cart Timer– Sets the amount of time before the cart clear. NOTE: The visitor’s cart will clear all items out of the cart! Be careful with this feature.
Cart Timer Color – Pick the color of your cart timer. We recommend an alerting color.
