TFMiniCart&Product 1.0.5 – WooCommerce Product, Mini Cart Widget for Elementor
Description
TFMiniCart&Product is a WooCommerce mini cart widget for Elementor that lets you add a compact, fully functional cart directly to your site header. Instead of sending visitors away from the page, it provides quick access to cart contents via hover or click. The widget shows live items in a mini cart layout, helping shoppers review selections before checkout. It’s designed to fit Elementor-based store designs, with styling options for a cohesive look across your header and typography.
You can also adjust key visual elements like the cart icon, item counter, and mini cart text, so the widget matches your theme and overall UX. Compatible with WooCommerce storefronts, it supports a smoother browsing-to-checkout flow for product pages, category pages, and landing pages built in Elementor.
Main Features
- Header mini cart widget — Adds a compact cart to your Elementor header for quick access.
- Hover or click opening — Choose how the mini cart appears when visitors interact with the cart area.
- Live cart contents — Displays current cart items so shoppers can review selections instantly.
- Cart and checkout access — Includes enhanced cart and checkout entry directly from the mini cart.
- Icon customization — Replace or restyle the cart icon to match your store branding.
- Counter display — Configure the item counter to reflect the cart state clearly.
- Typography controls — Adjust mini cart text styles for readability and design consistency.
- Layout and spacing styling — Tune colors, spacing, and visual presentation to fit your theme.
Benefits
- Higher conversion chance — Reduce friction by letting users check cart contents without leaving the page.
- Improved shopping UX — Hover/click access makes cart review faster and more intuitive for mobile and desktop.
- More consistent branding — Icon, counter, typography, and spacing options keep the header cart aligned with your design.
- Better engagement signals — Showing live cart state encourages continued browsing and reduces purchase hesitation.
- Smarter Elementor layouts — Works within Elementor’s page builder flow for cleaner header building and updates.
Who is it suitable for?
- WooCommerce stores using Elementor for header and layout design.
- E-commerce websites that want a compact cart experience in site navigation.
- Web agencies building multiple WooCommerce clients’ Elementor templates.
- Blog-to-store setups where product discovery happens via posts and landing pages.
- Online shops aiming to improve checkout flow without complex page transitions.