Want to make it easier for shoppers to spot their cart no matter where they are on your store? The Floating Mini Cart Icon in Botiga Pro keeps a customizable cart icon visible at all times, so customers can open their cart from any page in one click.
In this guide, we’ll walk you through how to enable and style the Floating Mini Cart Icon in Botiga Pro.
Before you get started, make sure you’ve installed and activated the Botiga theme on your WordPress site. If you’re using features from Botiga Pro, ensure that both the Botiga theme and the Botiga Pro plugin are installed and active. This feature requires Botiga Pro.
Enabling the Floating Mini Cart Icon
To use the Floating Mini Cart Icon, you’ll need the Side Mini Cart style enabled first. Go to Appearance >> Customize >> WooCommerce >> Cart >> Mini Cart and select Side Mini Cart.
Click Float Mini Cart Icon Settings to open all available options.
General Options
- Display: choose when the icon appears.
- Always: show the icon all the time.
- When cart is not empty: show the icon only when at least one product is in the cart.
- Icon: pick the cart icon style.
- Icon Size: control the icon’s size.
- Position: set the icon’s position on the browser window.
- Corner Offset: set the distance between the icon and the browser window corner.
Style Options
- Icon Color: set the icon color.
- Background Color: set the background color behind the icon.
- Counter Color: set the cart counter text color.
- Counter Background Color: set the counter background color.
- Border Radius: control the corner radius of the icon container.
- Display Shadow: add a shadow to the floating icon for extra depth.
Here’s how the Floating Mini Cart Icon looks on the front end:
Frequently Asked Questions
Below, we’ve answered some of the most common questions about the Floating Mini Cart Icon in Botiga Pro.
Why can’t I see the Floating Mini Cart Icon option?
The option only appears when the Side Mini Cart style is enabled. Go to Customize >> WooCommerce >> Cart >> Mini Cart and select Side Mini Cart first.
Can I hide the icon when the cart is empty?
Yes. Set the Display option to When cart is not empty so the icon only shows once a product has been added.
Do I need Botiga Pro for the Floating Mini Cart Icon?
Yes. The Floating Mini Cart Icon is a Botiga Pro feature. Make sure both the Botiga theme and Botiga Pro plugin are installed and active.
That’s it! You’ve successfully enabled and styled the Floating Mini Cart Icon in Botiga Pro.
Next, would you like to control where the icon shows up across your store? Check out our guide on using display conditions in Botiga to learn more.
