Side Cart is a full cart solution that is designed to replace your cart page with a beautiful and performant side cart. When customers add an item to the cart, the side cart appears from the right.
If you have a Pro (10 Sites) or Agency (150 Sites) license, you can enable Side Cart in WP Admin > CheckoutWC > Side Cart.
Enable Floating Cart Button
Enables a site wide cart button at the bottom right of the screen:
Floating Cart Button Right Position
The position in pixels that the floating cart button will be rendered from the right side of the screen.
Floating Cart Button Bottom Position
The position in pixels that the floating cart button will be rendered from the bottom of the screen.
Enable AJAX Add to Cart
Turns on AJAX add to cart on archive and single product pages.
Enable Free Shipping Progress Bar
Enable a progress bar that shows the customers how much more they need to add to their cart to qualify for free shipping.
Free Shipping Threshold
The subtotal amount required for free shipping. If left blank, your shipping methods will be parsed to determine if any of them are of the free shipping type and to determine if they have an amount limit set.
Amount Remaining Message
What you want to display to the customer letting them know how much they need to add to the cart for free shipping.
Free Shipping Message
The message displayed to customers to indicate that they have qualified for free shipping.
Side Cart Free Shipping Progress Indicator Color
The color of the progress bar indicator.
Side Cart Free Shipping Progress Background Color
The color of the progress bar beneath the indicator.
Adding Your Own Cart Link / Button
You can easily turn any link or button or HTML element on your website into a cart open button. Simply add this class to the element:
For example, you can add the class to menu items:
If you don't see CSS Classes as an option, click on 'Screen Options' top right and toggle the option for CSS Classes:
If you can't easily add a class to an element, we have provided another way to tell CheckoutWC about your button. Using this WordPress filter you can specify as many additional buttons as you would like:
The filter receives a string which is a CSS selector that is passed to jQuery. This will make it possible to select any element on the page.