Side Cart

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.

Options

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:

cfw-side-cart-open-trigger

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. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us