How to Configure Floating Cart?

Introduction #

As the name suggests, you can add a floating cart for your online store via the Floating Cart option provided by the Advanced WooCommerce Extension. Customers can access the cart anytime making the checkout process quick and easy and thus increasing the conversion rate on your website.

To access this option, you will first need to install and activate the Rishi Pro plugin and the WooCommerce plugin and then activate the Advanced WooCommerce extension.

Activating the Advanced WooCommerce Extension #

You can access the Advanced WooCommerce Extension via Dashboard > Appearance > Rishi Theme > Extensions > Pro Extensions.  Then activate the toggle to get the Advanced WooCommerce extension to work.

Once the extension is activated, you can access the Floating Cart setting via Dashboard > Appearance > Customize > WooCommerce > General > Floating Cart.

The following are the settings that you can use to configure the Floating Cart on your website.

General Setting #

Floating Cart: Enable this option to add Floating Cart to your online store.

Free Shipping Amount: Enter the customer expense amount from which you want to offer them free shipping.

Position: Select whether you want the cart container to appear as a sticky container or in the form of a popup.

Icon Size: Select the cart icon size.

Icon Position: Select the position for the cart icon.

Icon Side Offset: Choose the side offset value for the cart icon.

Reveal From: Select whether you want to display the cart information from the left or right side of the screen.

Floating Cart Visibility: Select the devices where you want to display the floating cart.

Design Setting #

The following are the different options provided under the Design settings tab:

Typography: Configure the typography setting for the cart container texts.

Icon Color: Select the initial and hover color for the cart icon.

Icon Background: Select the initial and hover background color for the cart icon.

Cart Badge Color: Select the initial and hover color for the cart badge number.

Cart Badge Background: Select the initial and hover background color for the cart badge.

Button Text Color: Choose the initial and hover color for the button text.

Button Background Color: Choose the initial and hover background color for the button.

Button Border Color: Choose the initial and hover color for the button border.

Promo Code Field for Floating Cart #

The Floating Cart comprises a Promo Code field where your customers can enter the available coupon codes and claim a discount for their purchase.

The WooCommerce plugin allows you to create a discount coupon via Dashboard > Marketing > Coupons.

Customers can view the available coupons either by clicking on the View Available Coupon link or via the Offers tab on the Floating Cart.

Floating Cart Frontend View #