Shop Ready

  1. Home
  2. Docs
  3. Shop Ready
  4. How to Use Individual Sho...
  5. Floating Cart Widget

Floating Cart Widget

Step - 01:

Enable the Floating Cart widget from the ShopReady dashboard and click on Save Changes.

To use the Floating Cart widget in the header section, you’ll need to enable the Header Footer module from the ShopReady dashboard and click on Save Changes.

Step - 02:

The first step is to create a header section by going to the WordPress Dashboard > ShopReady > Header Footer > Add New and giving it a title.

Click Edit with Elementor and you’ll be redirected to the Elementor Editor screen. From here, you’ll be able to customize your header section with all the necessary widgets and the Floating Cart widget.

Step - 03:

To start editing what gets displayed in the cart, click on the Cart Settings option. From here, you can select your preset cart template from the Choose Template option. You also have the option to insert the cart icon and close cart icon from here.

Step - 04:

To further customize the look and feel of the drawer cart, click on the Style tab. From here, you can change the color, typography, margin, padding, etc. to change how the drawer cart and popup interface will look like.

When you’re done customizing your drawer cart block, make sure to hit PUBLISH / UPDATE to save your changes.

How can we help?