Siteryn Mini Cart & Side Cart for WooCommerce
| 开发者 | siteryn |
|---|---|
| 更新时间 | 2026年11月10日 02:33 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- 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)
- 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
- 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
- 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 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
- 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
[siteryn_mini_cart]and[siteryn_side_cart]shortcodes, plussiteryn_mcsc_mini_cart()andsiteryn_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
- 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
安装:
- Make sure WooCommerce is installed and active.
- Install the plugin from the Plugins → Add New screen, or upload the
siteryn-mini-cart-side-cartfolder to/wp-content/plugins/. - Activate the plugin through the Plugins screen in WordPress.
- Go to Siteryn → Mini Cart & Side Cart to turn on the mini cart, side cart, header cart or floating cart button and adjust them.
屏幕截图:
常见问题:
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.
更新日志:
- Initial release.