The Cart & Checkout page shows all items that a customer has added to the cart during a shopping session and allows user to provide payment and shipping information to complete the purchase.
To design your Cart & Checkout page, navigate to CMS > Project Settings > Shop > Templates and click on the "Edit" icon next to "Cart".
One can also access the Shop Templates by selecting CMS > Products > Templates
Add Global Header and Footer
Add the following "Display Condition" to your global header and footer to display it in the Cart & Checkout and other Shop templates.
Add the Cart & Checkout Element
Drag the Cart & Checkout element to the page
The Cart & Checkout element customizes multiple steps in the Checkout process. To begin, select the "Cart" option to customize the first step of the Cart & Checkout process.
Set Width: Click at the top right corner, select the "Cog" icon and set an appropriate width for the Cart & Checkout element.
Set Typography and Colors: Click on any part of the Cart & Checkout element and use the toolbar that popups to customize the typography and colors for different texts and buttons.
The Shipping Address: To customize the page which collects the shipping address of the user, kindly select the "Address" option in the element