The Cart Page included in the Flex theme incorporates some additional features that can be added as content blocks to the page. Activate special theme features to cross-sell and promote additional products before customers proceed to the checkout.
In the theme editor (Customize), use the page selector to open Cart.
Cart Page Banner
The Cart page template includes an optional Banner to enhance the page.
Open Banner in the left sidebar to customize it. To disable the banner, click the eye icon beside the section.
Image
Click Select Image to connect an image. Enable Dark banner image to add an overlay between the image and page title.
Subheading
Include a Subheading with the provided field. This will appear below the cart page title.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Banner height
Select Small, Medium, or Large to control the Banner height.
Spacing
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
Custom CSS
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Cart Page Settings
In the left sidebar, click Cart to open general settings.
Show quantity box
Activate Show quantity box to include a quantity adjuster for each item in the cart.
Show total savings
Enable Show total savings to display the total amount saved. When a customer adds a sale item to their cart, the total amount they are saving displays underneath the subtotal.
Cart message
Include additional messaging between the cart total and the checkout button with the Cart message field.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Spacing
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
Custom CSS
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Cart Page Sections
Enhance the Cart page template by adding dynamic sections.
- Blog Posts
- Collection List
- Contact Form
- Custom Liquid
- FAQ
- Featured Collection
- Featured Product
- Featured Promotions
- Gallery
- Heading
- Image with Text
- Image with Text Overlay
- Logo List
- Map
- Newsletter
- Page
- Rich Text
- Slideshow Classic
- Slideshow with Text
- Testimonials
- Text Columns with Icons
- Video
Cart Page Theme Settings
Open the Cart portion of the Theme settings to access and adjust more settings for the feature.
Cart types
There are four options for Cart type: Drawer, Mini cart, Page, and Refresh. Learn more about Flex Cart Types.
Enable 'note' text box
Activate Enable 'note' text box to include a message field for the cart page. This provides customers with a way to add special requests, questions, etc. to accompany their order.
Show 'agree to terms' checkbox
Enable Show 'agree to terms' checkbox to include a required checkbox. Connect the associated page by clicking Select page.
Enable shipping rates calculator
Activate Enable shipping rates calculator to include this feature. This will give your customers the option to enter their country, state/province, and zip/postal code to calculate the shipping costs before the checkout page. Add the Default country selection here as well.