Title: Nanflows Sliding Cart – Side Cart &amp; Mini Cart
Author: nanflows
Published: <strong>October 14, 2026</strong>
Last modified: October 26, 2026

---

Search plugins

![](https://ps.w.org/nanflows-sliding-cart/assets/banner-772x250.png?rev=3745378)

![](https://ps.w.org/nanflows-sliding-cart/assets/icon-256x256.png?rev=3745378)

# Nanflows Sliding Cart – Side Cart & Mini Cart

 By [nanflows](https://profiles.wordpress.org/spexoid/)

[Download](https://downloads.wordpress.org/plugin/nanflows-sliding-cart.1.1.0.zip)

 * [Details](https://wordpress.org/plugins/nanflows-sliding-cart/#description)
 * [Reviews](https://wordpress.org/plugins/nanflows-sliding-cart/#reviews)
 *  [Installation](https://wordpress.org/plugins/nanflows-sliding-cart/#installation)
 * [Development](https://wordpress.org/plugins/nanflows-sliding-cart/#developers)

 [Support](https://wordpress.org/support/plugin/nanflows-sliding-cart/)

## Description

**Nanflows Sliding Cart (NanCart for short) is a free side cart for WooCommerce.**
When a shopper adds a product, a mini cart slides in from the side of the page, 
without a reload and without sending them to the cart page. They can change quantities,
switch size or color, remove items, apply a coupon and go straight to checkout from
the cart drawer.

A sliding cart keeps shoppers on the page they were browsing, so they keep shopping
instead of getting lost on the cart page. NanCart gives your store that slide-out
cart in a minute, with a setup wizard and a live preview built from your own products.

It is light: one small stylesheet and one small script, loaded only where the cart
is shown. No jQuery UI, no icon fonts, no page builder needed, and no calls to outside
services.

#### Side cart and mini cart

 * AJAX add to cart: the cart drawer opens as soon as a product is added, on shop,
   category and product pages, for simple and variable products
 * Change quantities, remove items and switch product variations (size, color…) 
   inside the side cart
 * Sale prices struck through, with a “Save 20%” badge
 * Coupon field in the cart, open or collapsed behind a link
 * Subtotal, shipping, tax and order total rows, so the amount always matches checkout
 * Checkout button with the order total, plus optional “View cart” and “Continue
   shopping” links
 * Express payment buttons (such as PayPal) in the mini cart, when your payment 
   gateway offers them
 * Empty cart message with its own title, text and button

#### Floating cart icon and menu cart

 * Floating cart icon (cart bubble) in any corner, with the item count, your own
   size, shape and colors
 * Seven cart icons in five styles: outline, thin, bold, solid and rounded
 * Menu cart with item count and subtotal: add it from Appearance  Menus, put it
   in the header of a block theme, or use the `[nfsc_cart_menu]` shortcode
 * “NanCart cart button” block for block themes and the Site Editor header
 * Replaces the WooCommerce Mini-Cart block and the header cart icon of popular 
   themes, so they open the side cart instead of the cart page
 * Any link to the cart page opens the sliding cart, so the cart link already in
   your menu or footer just works
 * Open the cart from any button or link: link it to `#nfsc-cart` or give it the
   CSS class `nfsc-open` (works in Elementor, Divi and other page builders)
 * Hide the floating cart icon and open the cart only from your own links

#### Design your cart drawer

 * Ten ready-made styles (Classic, Minimal, Midnight, Bold, Blush, Fresh, Electric,
   Sunset, Royal and the original NanCart look) that restyle the whole cart in one
   click, then change anything you like
 * Slide in from the left or the right, with separate desktop and mobile widths
 * Animation speed, corner radius, colors for every part of the cart, a font of 
   your choice and a custom CSS box
 * Live preview next to the settings, on sample products from your store, before
   you save
 * Setup wizard: turn it on, pick a color and side, choose the cart button, done
 * Mobile friendly: the side cart fills the screen width you set on phones

#### Works with

 * WooCommerce cart and checkout blocks, and the classic cart and checkout shortcodes
 * Block themes such as Twenty Twenty-Five, and classic themes such as Storefront,
   Astra, Kadence, OceanWP, Divi, Flatsome, Woodmart, Porto and Savoy
 * HPOS (High-Performance Order Storage)
 * WPML, Polylang and the common currency switchers
 * Page caching plugins: NanCart clears their cache when you save its settings or
   update the plugin

#### Access

Choose which user roles, besides administrators, may manage the cart settings.

#### NanCart Pro

[NanCart Pro](https://nanflows.com/products/nanflows-sliding-cart) is a separate
premium plugin that adds cart upsells and cross-sells, a free shipping progress 
bar and cart rewards (discounts and free gifts), a special add-on offer, bulk discounts,
a sticky add-to-cart bar, coupon creation, Google Fonts and cart analytics. NanCart
works fully on its own without it.

#### Credits

The “Rounded” icon style is based on [Feather icons](https://feathericons.com) by
Cole Bemis, MIT License.

## Screenshots

[⌊The side cart slides in as soon as a product is added, with quantities, sale prices,
shipping and the checkout total.⌉⌊The side cart slides in as soon as a product is
added, with quantities, sale prices, shipping and the checkout total.⌉[

The side cart slides in as soon as a product is added, with quantities, sale prices,
shipping and the checkout total.

[⌊The same mini cart on a phone.⌉⌊The same mini cart on a phone.⌉[

The same mini cart on a phone.

[⌊General settings, with a live preview of the cart built from your own products.⌉⌊
General settings, with a live preview of the cart built from your own products.⌉[

General settings, with a live preview of the cart built from your own products.

[⌊Cart content settings: heading, sale prices, savings badge, product options, coupon
field and buttons.⌉⌊Cart content settings: heading, sale prices, savings badge, 
product options, coupon field and buttons.⌉[

Cart content settings: heading, sale prices, savings badge, product options, coupon
field and buttons.

[⌊Design settings: side, widths, animation speed, corner radius and colors.⌉⌊Design
settings: side, widths, animation speed, corner radius and colors.⌉[

Design settings: side, widths, animation speed, corner radius and colors.

[⌊Cart icon and menu settings: the floating cart icon and the menu cart.⌉⌊Cart icon
and menu settings: the floating cart icon and the menu cart.⌉[

Cart icon and menu settings: the floating cart icon and the menu cart.

## Blocks

This plugin provides 1 block.

 *   NanCart cart button A cart icon with the item count that opens the sliding 
   cart. Put it in your header or anywhere on a page.

## Installation

 1. Install and activate WooCommerce.
 2. In your WordPress admin go to Plugins  Add New, search for “Nanflows Sliding Cart”
    or “side cart”, then install and activate it. Or upload the `nanflows-sliding-cart`
    folder to `/wp-content/plugins/`.
 3. Follow the short setup wizard (NanCart  Setup wizard), or go to NanCart  Settings
    and adjust the look and texts while watching the live preview, then save.

## FAQ

### How do I add a side cart to WooCommerce?

Install and activate NanCart. The side cart works right away: add a product to the
cart and the mini cart slides in. Use the setup wizard or NanCart  Settings to change
its colors, side, texts and cart icon.

### Does the cart open when a product is added (AJAX add to cart)?

Yes. On shop, category and product pages the product is added without a page reload
and the cart drawer opens, for simple and variable products. You can turn the automatic
opening off.

### Can it replace my theme’s cart icon or the WooCommerce mini cart?

Yes. The WooCommerce Mini-Cart block and the header cart icon of Storefront, Astra,
Kadence, OceanWP, Divi, Flatsome, Woodmart, Porto and Savoy open NanCart instead
of the cart page. For any other theme, every link to the cart page opens the sliding
cart, and you can add your own CSS selectors in the settings.

### Can I show a cart icon in my menu?

Yes. In Appearance  Menus, add the cart from the NanCart box and drag it where you
want it. You can also choose a menu under NanCart  Settings  Cart icon & menu, add
the “NanCart cart button” block in the Site Editor, or place the `[nfsc_cart_menu]`
shortcode anywhere. The menu cart shows the item count and subtotal.

### Can I hide the floating cart icon?

Yes. Switch the floating icon off and the cart still opens from your menu cart, 
the cart button block, cart page links, `#nfsc-cart` links and buttons with the 
class `nfsc-open`.

### Does it work with my theme and page builder?

NanCart uses its own markup and styles, so the side cart looks the same with any
theme. Colors, font and corner radius can be matched to your theme. In Elementor,
Divi, Beaver Builder and other builders, give any button the CSS class `nfsc-open`
or link it to `#nfsc-cart` to open the cart.

### Does it work with the WooCommerce cart and checkout blocks?

Yes. NanCart works with both the block-based and the classic cart and checkout pages.

### Does it work on mobile?

Yes. The cart drawer has its own mobile width, works with touch and closes with 
a tap outside, the close button or the Escape key.

### Will it slow down my store?

No. The cart loads one small minified script and stylesheet, only on pages where
it is shown. It adds no extra requests to a normal page load and updates the cart
with WooCommerce’s own cart fragments.

### Can I add upsells or a free shipping bar to the cart?

Yes, with [NanCart Pro](https://nanflows.com/products/nanflows-sliding-cart): cart
upsells, a free shipping progress bar, cart rewards, bulk discounts and more. The
free side cart does not need it.

### Does NanCart send data anywhere?

No. NanCart makes no requests to outside servers. Its settings (and, with NanCart
Pro, cart statistics) are stored in your own WordPress database.

### What is removed when I delete the plugin?

Nothing by default, so you can reinstall without losing your setup. Turn on “Delete
all plugin data when uninstalled” under NanCart  Settings  General to remove all
settings and data on uninstall.

### Where can I get help?

Please use the support forum on WordPress.org.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Nanflows Sliding Cart – Side Cart & Mini Cart” is open source software. The following
people have contributed to this plugin.

Contributors

 *   [ nanflows ](https://profiles.wordpress.org/spexoid/)

[Translate “Nanflows Sliding Cart – Side Cart & Mini Cart” into your language.](https://translate.wordpress.org/projects/wp-plugins/nanflows-sliding-cart)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/nanflows-sliding-cart/),
check out the [SVN repository](https://plugins.svn.wordpress.org/nanflows-sliding-cart/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/nanflows-sliding-cart/)
by [RSS](https://plugins.trac.wordpress.org/log/nanflows-sliding-cart/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0

 * New: ten ready-made styles in Design (Classic, Minimal, Midnight, Bold, Blush,
   Fresh, Electric, Sunset, Royal and the original NanCart look). One click restyles
   the whole cart in the live preview; nothing is saved until you click Save changes.
 * New: “Headings in capital letters” option for the cart title, the empty-cart 
   title and section headings.
 * New: “Button shape” option: same as the corner radius, pill or square.

#### 1.0.0

 * First release.

## Meta

 *  Version **1.1.0**
 *  Last updated **3 days ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.5 or higher **
 *  Tested up to **7.1.4**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [ajax cart](https://wordpress.org/plugins/tags/ajax-cart/)[cart drawer](https://wordpress.org/plugins/tags/cart-drawer/)
   [floating cart](https://wordpress.org/plugins/tags/floating-cart/)[mini cart](https://wordpress.org/plugins/tags/mini-cart/)
   [side cart](https://wordpress.org/plugins/tags/side-cart/)
 *  [Advanced View](https://wordpress.org/plugins/nanflows-sliding-cart/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/nanflows-sliding-cart/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/nanflows-sliding-cart/reviews/)

## Contributors

 *   [ nanflows ](https://profiles.wordpress.org/spexoid/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/nanflows-sliding-cart/)