Siteryn Mini Cart & Side Cart for WooCommerce

Description

Siteryn Mini Cart & Side Cart adds a fast, AJAX-driven mini cart and a slide-out side cart to any WooCommerce store, so shoppers can review and manage their cart without leaving the page.

Every setting is in Siteryn Mini Cart & Side Cart, with a live preview. No coding is required.

Documentation: docs.siteryn.com/plugins/mini-cart-side-cart · Video guide: YouTube

Mini Cart

  • Dropdown mini cart that opens on hover or click, with adjustable hover open and close delays
  • Your own panel title (left, centered or right), “View Cart” and “Checkout” button text and empty-cart message
  • Choice of 10 cart icons
  • Width, max height, padding, corner radius and shadow
  • Show or hide the “View Cart”, “Checkout” and “Continue Shopping” buttons
  • “Continue Shopping” text, link (shop, home, cart, checkout, My Account or a custom URL) and button style (outline, filled or text only)

Side Cart

  • Slide-out cart drawer on the right or left of the screen
  • Your own panel title, button text and empty-cart title and description
  • Width, padding, corner radius, shadow, page overlay strength and a solid or outline “Checkout” button
  • The same “View Cart”, “Checkout” and “Continue Shopping” options as the mini cart

AJAX cart

  • Change quantities and remove items without a page reload
  • Live subtotal and cart count everywhere they appear
  • AJAX add to cart on single product pages, for simple and variable products
  • Short on-screen messages (“Item added to your cart”, “Cart updated”, “Item removed”)
  • Your own empty-cart icon (image upload), shared by the mini cart and side cart

Header Cart

  • Use your theme’s existing cart icon to open the Mini Cart or the Side Cart
  • Click or hover trigger, with adjustable open and close delays
  • Optional item count and subtotal next to the icon
  • Works with the WooCommerce Blocks Mini Cart button and common classic-theme cart links, with a configurable CSS selector for any other theme

Floating Cart

  • Floating cart button that opens the Side Cart
  • Choice of 10 icons, button and icon size, item count and subtotal
  • Background, hover and icon colors, shape (circle, rounded, square or a custom radius) and shadow
  • Position in any corner, with a separate position on mobile
  • Adjustable spacing from the screen edges, for desktop and mobile separately, so the button never overlaps a chat or “back to top” button

Appearance

  • Primary, secondary, button text, text, muted text, background, border and close-icon colors
  • Panel tint and opacity, base font size, corner radius and shadow style
  • Product image size and variation details (for example size and color) in the cart
  • Choose whether lowering the quantity below 1 removes the item or stops at 1
  • Opening and closing animation, with adjustable speed

For developers and site builders

  • [siteryn_mini_cart] and [siteryn_side_cart] shortcodes, plus siteryn_mcsc_mini_cart() and siteryn_mcsc_side_cart() template functions
  • Every template can be overridden from your theme, with a notice when an override is out of date
  • Actions and filters for extending the cart (see the documentation)
  • System Status screen with plugin, WordPress, WooCommerce and server details for support requests

Compatibility

  • WooCommerce High-Performance Order Storage (HPOS) and the Cart and Checkout blocks
  • Translation-ready, WPML and Polylang compatible, and right-to-left (RTL) languages
  • Responsive and keyboard-accessible

Nothing in the free plugin is locked or time-limited.

Premium add-on (optional)

Siteryn Mini Cart & Side Cart Pro, a separate plugin sold at siteryn.com, adds new features on top: a free shipping / cart goal bar, coupons inside the cart, product recommendations, a cart note and content blocks, display rules, extra cart behavior (open the cart after adding a product, confirm before removing, close when empty, SKUs), item layouts and animation styles, your own SVG cart icons and badge styles, design presets and custom CSS.

External services

This plugin connects to one external service, and only when you choose to.

Deactivation survey (optional). When you deactivate this plugin on the Plugins screen, a short survey asks why. “Skip & Deactivate” sends nothing. Only “Submit & Deactivate” sends data, to Siteryn’s feedback endpoint (https://siteryn.com/wp-json/siteryn/v1/feedback/deactivation): your answer and comment, the plugin’s slug and version, your WordPress, PHP and WooCommerce versions, your WordPress admin language and the site URL — plus your email address only if you tick “You may contact me”.

The service is provided by Siteryn: Terms and Conditions, Privacy Policy.

Credits

  • Icons from Lucide (ISC License; portions from Feather, MIT License). The licence text is included as assets/lucide-LICENSE.txt.

Screenshots

Installation

  1. Make sure WooCommerce is installed and active.
  2. Install the plugin from the Plugins Add New screen, or upload the siteryn-mini-cart-side-cart folder to /wp-content/plugins/.
  3. Activate the plugin through the Plugins screen in WordPress.
  4. Go to Siteryn Mini Cart & Side Cart to turn on the mini cart, side cart, header cart or floating cart button and adjust them.

See the documentation or watch the video guide for a full walkthrough.

FAQ

Does this plugin require WooCommerce?

Yes. WooCommerce must be installed and active. If it is missing or out of date, the plugin shows an admin notice and does not load its WooCommerce-dependent code.

Do I need the Premium add-on for this plugin to work?

No. The free plugin is complete and useful on its own.

Where can I find the documentation?

The full documentation is at docs.siteryn.com/plugins/mini-cart-side-cart, and there is a video guide on YouTube. The settings screen also has a Documentation button at the top.

Where do I configure the plugin?

Under Siteryn Mini Cart & Side Cart in your wp-admin menu. Mini Cart and Side Cart are sub-tabs of the “General” tab; Header Cart, Floating Cart and Appearance have their own tabs. A live preview panel shows your changes instantly.

How do I add a mini cart or side cart trigger to my theme’s header?

Use the [siteryn_mini_cart] / [siteryn_side_cart] shortcodes, or call siteryn_mcsc_mini_cart() / siteryn_mcsc_side_cart() directly from a theme template. Alternatively, enable “Replace WooCommerce Header Cart” under the Header Cart tab to use your theme’s existing cart icon automatically.

Will Header Cart replacement work with any theme?

It uses a configurable CSS selector to find your theme’s cart icon, with sensible defaults covering the WooCommerce Blocks Mini Cart button and common classic-theme cart links. If your theme isn’t detected automatically, adjust the “Cart Icon Selector” field under the Header Cart tab to match your theme’s markup.

The floating cart button overlaps my chat button. How do I move it?

Under the Floating Cart tab, change the Position (or the Mobile Position), or increase the Side Spacing and Bottom / Top Spacing. Mobile has its own spacing settings, for example to raise the button above a chat widget on phones only.

Does it work with the WooCommerce Cart and Checkout blocks and HPOS?

Yes. The plugin declares compatibility with both High-Performance Order Storage and the Cart and Checkout blocks.

Can I customize the cart markup?

Yes. Every template lives in this plugin’s templates/ folder and can be overridden by copying it to <your-theme>/siteryn-mini-cart-side-cart/. See the documentation for the full list of template names, hooks and filters.

Where can I get help?

Use the support forum on WordPress.org, or contact us at siteryn.com/support.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Siteryn Mini Cart & Side Cart for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.0

  • Initial release.