Nanflows Sliding Cart – Side Cart & Mini Cart
| 开发者 | spexoid |
|---|---|
| 更新时间 | 2026年10月14日 13:21 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv3 or later |
| 版权网址: | 版权信息 |
详情介绍:
- 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 (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-cartor give it the CSS classnfsc-open(works in Elementor, Divi and other page builders) - Hide the floating cart icon and open the cart only from your own links
- 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
- 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
安装:
- Install and activate WooCommerce.
- 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-cartfolder to/wp-content/plugins/. - 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.
屏幕截图:
常见问题:
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: 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.
更新日志:
- First release.