- Google Address Autocomplete
- Flatsome UX Builder
- ActiveCampaign
- Paypal Reference Transactions
- How PaypPal/Stripe Works
- Enabling Enfold Avia Layout Builder
- Setting Up Authorize.net for Upsell & Downsell
- Supported Payment Gateways
- Setting Up A/B Testing with Google Optimize
- Setting Quantity and Discount for Products on the Checkout Page
- Using CartFlows with Beaver Builder
- Hiding Fields on the Checkout Page
- Installing WooCommerce
- Using WooCommerce
- Using Your Theme's Header & Footer in a Step
- Embedding a Checkout Form on the CartFlows Checkout Page
- Hiding WooCommerce Pages and Products
- Using Pricing Tables
- Adding an Affiliate Program
- Setting a Flow as the Homepage
- Dynamic Offers aka Rule Engine
- Instant Layout for Checkout and Thank You Step
- Adding Products from the URL to the Checkout Page
- Setting Up A/B Testing for Steps
- Deleting Plugin Data During Uninstallation
- Importing Ready-Made Templates for Flows and Steps
- Importing and Exporting Funnels and Individual Page Builder Templates
- URL Parameters
- Replacing the Main Checkout Order with an Upsell or Downsell
- Rolling back to a Previous Version
- Flow in Test Mode
- Troubleshooting Plugin and Theme Conflicts
- Resolving the "Please Select a Simple, Virtual, and Free Product" Error
- Resolving the Endless Loading Issue on Checkout
- Resolving the "Order Not Found" Error on Thank You Page
- Resolving the "Checkout ID Not Found" Error
- Resolving the "Session Expired" Error
- Resolving "Order Does Not Exist" Error on Upsell/Downsell Page
- Resolving "Sorry, This Product Cannot Be Purchased" Error
- Resolving "No Product is Selected" Error
- Disabling Auto-fill of Address Fields Based on Zip Code
- Enabling Theme's Scripts & Styles Without Changing Page Template
- Disabling Auto-fill of Checkout Fields
- Allowing Cache Plugins to Cache CartFlows Pages
- Changing the "Choose a Variation" Text
- VAT Field Not Displaying for WooCommerce EU/UK VAT Compliance Plugin
- Enabling the Product Tab on Store Checkout
- Displaying the Order Summary Open on Mobile Devices
Change Cart Position and Visibility in Modern Cart
Modern Cart for WooCommerce lets you control where the floating cart icon appears and whether to hide it when the cart is empty. This documentation explains how to configure these settings and how the changes appear on the frontend.
Steps to Change Cart Position and Visibility
Step 1: Go to Modern Cart Settings
From your WordPress dashboard, go to WooCommerce > Modern Cart, then click on the Floating Cart Icon tab from the left side of the settings window.
Step 2: Change the Floating Cart Icon Position
Under the Floating Cart Icon section, choose where the cart icon should appear on your site:
- Bottom Right (default)
- Bottom Left
- Disabled – hides the cart icon entirely
Note: Any change made in the settings panel is saved automatically — there’s no save button.
Backend Setting & Frontend Result
The video below demonstrates how changing the position in the settings affects the cart icon’s appearance on the storefront.
Step 3: Hide Cart Icon If the Cart is Empty
If you want the cart icon to be hidden when the cart is empty, enable the Hide If the Cart Empty option.
Backend Setting & Frontend Result
The video below shows how enabling this option hides the cart icon when there are no products in the cart, and how it reappears after a product is added.
We don't respond to the article feedback, we use it to improve our support content.
