Cart All In One for WooCommerce


Cart All In One For WooCommerce help you to display a sidebar cart when a customer adds a product to cart. Customers can apply coupons and go to check out page directly from single product page or shop page.

Sidebar Cart

Display Sidebar cart pop-up with all features of the cart page. Customers can add coupons, select quantity, remove items, go to check out page directly from the sidebar cart. This option helps to reduce the checkout time. Increase the conversion rate of your store.

  • Sidebar cart icon: display a small sidebar cart icon at the corner of the screen. Let the customer know how many products they have in their cart. And allow them to open the sidebar car pop-up.
  • Sidebar cart pop-up: the sidebar cart pop-up appear when a customer adds a product to cart or click on the sidebar cart icon. The pop-up allows them to view their cart, use coupons or go to check out page directly.
  • Product information: the sidebar cart pop-up displays the information about products in your cart. Include product name, product image, price, quantity.
  • Change quantity: customers change the quantity of each product in their cart.
  • Remove Product: a remove button appear next to each product name, allow you to remove that product from your cart.
  • Cart Subtotal: display the subtotal amount, this amount does not include tax, shipping… and be same with the subtotal amount in your cart page.
  • Cart total: display the cart total amount.
  • Update Cart button: when customer change quantity/remove product in their cart, the update button allows them to update the cart total amount.
  • Use Coupon: Coupons can be applied on the sidebar cart pop-up. If the coupon is added successfully, the subtotal amount will be reduced and the plugin will display a successful message. If the coupon can not be used, the plugin will display an unsuccessful message with the reason.
  • Checkout: a check out button allows customers to go directly to the check out if they decide to purchase your items.
  • View Cart: go to the cart page directly with the View Cart button.
  • Related products: the related product option allows to display related product at the bottom of sidebar cart. You can choose to display the best selling products, recently viewed products, or top rated product.

Menu Cart

The plugin adds a cart icon into your menus. Allows customer to view the cart by hovering their mouse on the menu bar.

  • Menu Cart icon: the plugin will display a cart icon on selected menus. The icon will display the number of items in the cart.
  • Dropdown cart: display cart dropdown when customers hover their mouse over the menu cart icon. The dropdown display information about products, variation, image, quantity, subtotal.
  • View cart button: redirect customers to your cart page.
  • Checkout button: allow customers to go to the checkout page directly.

AJAX Add to Cart

The AJAX Add to Cart option allows customers to add products to cart from single product pages or quick view pop-up without reloading the page.

Add to Cart button for variable products

The plugin offers a custom Add to Cart button for your variable product. Your customers can select variation and add the product to cart in archive page without going to the single product page.

  • Select option pop-up: in archive pages, when a customer clicks the add to cart button of variable product, a pop-up will appear allowing them to select the product variations. With the variation pop-up customer can select product variation, quantity and then add the product to cart.
  • Change the add to cart button label: change the label of the add to cart button to “select options” or any text you want. This option applies to variable products only.

Customize

The plugin allows you to change the front-end of sidebar car, mini cart icon and menu cart icon to match with your website.

Sidebar Cart pop-up 
  • 2 styles: there are 2 sidebar cart style full height and pop-up.
  • 4 position: you can put the sidebar cart in 4 positions.
  • Automatical open sidebar cart when adding products to the cart.
  • Flying cart animation: animation display the product go to customer cart.
  • Open the sidebar cart when add products to cart.
  • Add to cart animation: display an animation of the product “fly” to cart when clicking the add to cart button.
  • Header: change background change, title, title color, apply coupon button color in the header area.
  • Product list: background color, product image radius, product title color, remove icon color. Change the title color when hover mouse on the product.
  • Footer: change the background color, checkout button text, checkout button color, view cart button text, view cart button color, cart total text color in the footer area.
Sidebar Cart icon
  • 4 front-end style
  • 45 cart icon
  • Shadow
  • Background color
  • Cart icon color
  • Product quantity color
Menu Cart
  • Navigation page: choose to redirect to the cart page or checkout page when clicking on the menu cart icon.
  • Show content: display the content of the cart when hover mouse on the menu cart icon.
  • 45 cart icon for you to select.
  • Change the color of the cart icon and cart hover color.
  • Cart icon text: choose to display product quantity, total price, or both quantity and total price on the cart menu.
  • Change the text color of the menu cart.

Go Dashboard/ Plugins/ Add New and install the plugin using the installable zip file.

After successful install the plugin, go to Dashboard/ Cart All In One to config its settings.

The plugin offers features: the sidebar cart, the menu cart, AJAX Add to Cart button and the select variation pop-up for variable products.

You just need to enable these options to use.

Enable the sidebar cart

 

Enable the Menu Cart

 

Enable the AJAX Add to Cart button and the Variation Pop-up for variable product

Sidebar Cart

You can config the settings of the side cart at Dashboard/ Cart All In One/ Sidebar Cart

  1. Enable the sidebar cart on front-end.
  2. Visible empty sidebar cart icon: this option allows you to choose if you want to display the sidebar cart icon when the cart is empty.
  3. Devices: select devices which you want to display the sidebar cart. You can choose between “Only desktop”, “Only mobile” and “All devices”.
  4. Pages: choose page where you want to display the sidebar cart. “Shop page”, “Product category page”, “Single product page”, “My account page”, “All pages”.

Menu Cart

  1. Enable the Menu cart on front-end. This option will add a menu cart to your selected menus.
  2. Visible empty menu cart: Choose if you want to display the menu cart icon on menus when the cart is empty.
  3. Devices: Select devices which you want to display the menu cart. “Only desktop”, “Only mobile”, “All devices”.
  4. Menus: choose menus which you want to display the menu cart, all your menus will appear here.

Add to Cart Button

  1. Enable the AJAX Add to Cart button. This option allows your customers to add products to cart in product pages, pop-up… without reloading the page.
  2. Select variation pop-up: This option will display a “select variation pop-up” when customers add a variable product to cart in the shop, categories pages.
  3. Enable this option to edit the add to cart button label of variable products.
  4. Add to Cart button label: Change the label of add to cart button with variable products. Write your own label “select variations” “select options”…

Design

Click on the Customize tab will lead you to the design page of the plugin.

The page allows you to design different parts of the plugin. Included Sidebar Cart, Menu Cart and Custom CSS.

Sidebar Cart: allows you to select the sidebar cart template, position, color, radius, effect… And choose if you to open the sidebar cart when a product is added to cart.

Sidebar Cart Icon: allows you to customize the sidebar cart icon (the icon allows customers to open the sidebar cart). You can select the cart icon and change its color here.

Sidebar Cart Header: allows you to change the background color, the title of the sidebar cart header. You can choose if you want to enable the use coupon option here.

Sidebar Cart Footer: The sidebar cart footer included the cart total, checkout/view cart button, list up-sell products. You can change the style and color here.

Sidebar Cart List Products: the product list is the body of the sidebar cart pop-up. You can change color, product image radius, select trash icon here.

Menu Cart: this option allows you to change the style, color, text and icon of the Menu Cart icon and drop down pop-up.

Custom CSS: this option allows you to add your own CSS code to change the front-end of the plugin.

Extra Information


Thank you for your attention!

If you have any question, please create a topic at our FORUM, we will support within 24 hours.