learnhowwp

<p>Divi Menu Cart plugin is a powerful addition to your Divi Builder. This plugin is designed to enhance your e-commerce website’s functionality by adding a new module that displays a cart icon, item count, and total price. It is specifically designed to work with WooCommerce, so please ensure you have WooCommerce installed and active on your site.</p>
<p>It offers easy configuration options, including the ability to show or hide the cart icon, item count, and price as per your needs.</p>
<h3>Features</h3>
<ul>
<li>
<p><strong>Icon Customization</strong>: Adjust the icon’s font size and color to match your site’s design.</p>
</li>
<li>
<p><strong>Font Customization</strong>: Customize the fonts for different elements of the cart menu. You can set distinct fonts for the cart menu, item count, and price, allowing for a highly personalized appearance.</p>
</li>
<li>
<p><strong>Single Item Text</strong>: Specify the text to display when there is only one item in the cart. This allows you to tailor the language to your audience and brand.</p>
</li>
<li>
<p><strong>Multiple Item Text</strong>: Specify the text to display when there are multiple items in the cart.</p>
</li>
<li>
<p><strong>Show/Hide Icon</strong>: Choose whether to display the cart icon.</p>
</li>
<li>
<p><strong>Show Item Count</strong>: Decide whether to display the number of items in the cart.</p>
</li>
<li>
<p><strong>Hide Item Text</strong>: Choose whether to hide the text indicating the number of items in the cart.</p>
</li>
<li>
<p><strong>Show Price</strong>: Opt to display the total price of items in the cart.</p>
</li>
</ul>
<p>To configure the plugin, navigate to the <strong>Dashboard > Divi Menu Cart</strong>. This is where you’ll find the primary settings for the plugin. However, to customize the appearance of specific elements such as the price, item text, and icon, you’ll need to go to the module settings. The module settings offer more granular control over the look and feel of these elements, allowing you to tailor them to your site’s design. Remember, the Divi Menu Cart is a module, so its settings are split between the main settings page and the module’s own settings.</p>
<p><strong>Useful Links for the Plugin</strong></p>
<ul>
<li><a href="https://www.learnhowwp.com/divi-menu-cart/" rel="nofollow ugc">Divi Menu Cart Plugin Page</a>: Visit the official plugin page for an overview and features of the Divi Menu Cart.</li>
<li><a href="https://www.learnhowwp.com/documentation/menu-cart-divi/" rel="nofollow ugc">Divi Menu Cart Documentation</a>: Access the comprehensive documentation for detailed instructions on how to install, configure, and use the plugin.</li>
<li><a href="https://www.learnhowwp.com/divi-cart-icon-number-price-theme-builder/" rel="nofollow ugc">Add Cart Icon With Item Count and Price In Theme Builder with Divi Menu Cart Module</a>: Check out this getting started guide to learn how to add a cart icon with item count and price in the Theme Builder using the Divi Menu Cart module.</li>
</ul>
<p><strong>More Free Divi Plugins</strong></p>
<ul>
<li><a href="https://wordpress.org/plugins/contact-form-db-divi/" rel="ugc">Divi Contact Form DB</a></li>
<li><a href="https://wordpress.org/plugins/post-carousel-divi/" rel="ugc">Divi Post Carousel Module</a></li>
<li><a href="https://wordpress.org/plugins/overlay-image-divi-module/" rel="ugc">Divi Overlay on Images Module</a></li>
<li><a href="https://wordpress.org/plugins/breadcrumbs-divi-module/" rel="ugc">Divi Breadcrumbs Module</a></li>
<li><a href="https://wordpress.org/plugins/flip-cards-module-divi/" rel="ugc">Divi Flip Cards Module</a></li>
<li><a href="https://wordpress.org/plugins/breadcrumbs-divi-module/" rel="ugc">Divi Breadcrumbs Module</a></li>
<li><a href="https://wordpress.org/plugins/image-carousel-divi/" rel="ugc">Divi Image Carousel</a></li>
</ul>
<p>If you have any questions or feature ideas please create a new thread in Support.</p>


Menu Cart Divi

Enhance your Divi Builder with the 'Menu Cart Module Divi' plugin. It adds a new module to display a cart icon with item count and price, im …

Sharabindu

<p>Mini Cart for WooCommerce is a user-friendly plugin that adds a stylish, sliding mini cart to your WooCommerce store. It enhances the shopping experience by allowing customers to view and manage their cart contents without leaving the current page.</p>
<p>Displays a cart icon in the website’s menu bar and footer for easy cart access.</p>
<p>Automatically opens the sidebar mini cart after a product is added, showing cart contents and updating the cart icon with the total item count.</p>
<h3>Key Features:</h3>
<ul>
<li>
<p>Cart Icon Integration: Easily add a customizable cart icon to your site’s menu or footer.</p>
</li>
<li>
<p>Automatic Mini Cart Display: The mini cart slides in automatically when a product is added, providing instant feedback to customers.</p>
</li>
<li>
<p>AJAX Add to Cart: Products are added to the cart without page reloads, ensuring a smooth shopping experience.</p>
</li>
<li>
<p>Animated Notifications: Engage customers with visual cues when items are added to the cart.</p>
</li>
<li>
<p>Shortcode Support: Place the cart icon anywhere on your site using simple shortcodes.</p>
</li>
<li>
<p>Premium Enhancements: Access additional features like a rewards bar, recommended products, shipping calculator, coupon form, undo remove option, tax display, and quantity adjustment buttons.</p>
</li>
</ul>
<p><a href="https://woominicart.sharabindu.com/" title="Demo Mini Cart For WooCommerce" rel="nofollow ugc">PRO Demo</a> | <a href="https://woominicart.dipashi.com/wp-admin/admin.php?page=whmc_menu" title="PRO Admin Demo for cart plugin " rel="nofollow ugc">Backend Demo</a> | <a href="https://sharabindu.com/plugins/mini-cart-for-woocommerce/" rel="nofollow ugc">Premium version</a> | <a href="https://woominicart.sharabindu.com/docs/introduction/" title="Documents" rel="nofollow ugc">Documents</a></p>
<h3>Preview cart plugin for woocommerce</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/4nrQPaNdWzo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Key Features Overview</h3>
<p><strong>Cart Icon Integration: add cart icon to menu (navigation bar):</strong></p>
<p>with this plugin can add a shopping cart button to the menu / navigation bar area of your website. Choose your favorite shopping cart icon from 16 beautiful cart icons from the plugin. There are two ways you can intall a cart icon in the menu</p>
<ul>
<li>
<p>Method 1 (Free + Pro): Go to the menu cart on the plugin settings page. Select a menu from the dropdown and save. Here you can see the menus that you have created in the WordPress menu. Check the front end, you will see the cart icon at the end of that website menu item <a href="https://woominicart.sharabindu.com/docs/cart-button-setting/" rel="nofollow ugc">Docs</a></p>
</li>
<li>
<p>Method 2 (PRO Only): Go to the Menu page of the WordPress dashboard and click on the Screen option. find “Mini Cart for Woocommerce” and check it. Now Click Add to Menu then Save Menu. This way you can add cart icon to many menus and change icon position. <a href="https://woominicart.dipashi.com/wp-admin/nav-menus.php" rel="nofollow ugc">Backend Demo</a></p>
</li>
</ul>
<p><strong>Add cart icon on Body Part:</strong> A cart icon will automatically appear in the footer/body of the website. Can install shopping cart icons from 16 beautiful icons.  And can add woocommerce site. The Footer Cart Icon can be hidden by a specific page or post type.</p>
<p><strong>Beautiful Mini Cart:</strong> The Mini Cart is normally hidden, click on the shopping cart icon to bring it out. Also, when customers cart a product, the sidecar automatically exits. It is a multi-featured Mini Cart. customers get information about cart products, price, quantity, and many more.</p>
<p><strong>Animated Notification:</strong></p>
<p>The user wants to make the cart process as smooth as possible for the customer. For that, this animated notification is very effective. After carting a product, a nice animated notification will inform the customer that the product has been added to the cart.</p>
<p><strong>Ajax Add to cart on single product page:</strong></p>
<p>On single product page refreshes or reloads when adding products to the cart. The AJAX cart process does not require a page refresh or reload. It speeds up the cart process, saving users valuable time. Additionally, it can help reduce server load and improve site performance</p>
<p><strong>cart shortcode:</strong></p>
<p>The plugin allows the user to add a shortcode for the cart icon.  Easily display this ajax shoopping cart icon anywhere on your woocommerce website.</p>
<h3>Extra Features for Sidebar Mini cart (Premium)</h3>
<p>All features from the free version.</p>
<p>► <strong>Rewards bar:</strong></p>
<p>The Rewards module will allow you to display a rewards bar header on the mini cart! It can display up to a maximum of 2 rewards at the same time.</p>
<ul>
<li>Reward 1: Discount: After shopping a certain amount, Customers will get a discount. </li>
<li>Reward 2: Free Shipping: After shopping for a certain amount, the Customer will get free delivery.</li>
</ul>
<p>This Rewards bar will inform the customer about all these. Can activate two bars simultaneously or only one bar. In the case of two bar runs, if the target amount is higher it will go last and if the target amount is lower it will automatically come first.</p>
<p>► <strong>Recommended Products:</strong></p>
<p>Recommended products are products that shoppers may be interested in purchasing. You can choose three different locations to display suggested products and display three types of products: suggested products, cross-sell products and upsell products.</p>
<p>► <strong>WooCommerce Shipping calculator:</strong></p>
<p>Customers can calculate shipping charges or delivery charges from the shipping calculator. Here the customer will input the address and click update. The shipping charges for that location will be calculated instantly.<a href="https://woominicart.sharabindu.com/docs/sidebar-setting/#5-toc-title" rel="nofollow ugc">More about  Shipping calculator</a></p>
<p>► <strong>Woocommerce Coupon form on cart:</strong></p>
<p>From here the customer can apply the coupon and the total cart will be updated instantly. WooCommerce website owners can display the available coupons in the mini cart. Customers can collect coupon codes and apply the coupons. <a href="https://woominicart.sharabindu.com/docs/sidebar-setting/#3-toc-title" rel="nofollow ugc">How it Works</a></p>
<p>► <strong>Undo retrieve items on cart:</strong></p>
<p>An “Undo” button will be temporarily visible after removing an item from the sidecart. Clicking the Undo link will restore the removed product and make it visible again on the sidecart.</p>
<p>► <strong>Display tax information on cart:</strong></p>
<p>It will easily inform customers about the sales tax amount. This plugin will let the customer know how much sales tax is included in the total price of the cart.</p>
<p>► <strong>Item quantity increment button:</strong></p>
<p>Increase/decrease buttons to edit product quantities. This will smoothen the customer’s shopping process. These buttons are used to change the quantity of products in the cart before checkout.</p>
<h3>And many more things are waiting for you to discover</h3>
<p><a href="https://sharabindu.com/plugins/mini-cart-for-woocommerce/" rel="nofollow ugc">GET PRO VERSION</a></p>
<h3>Reward bar in WooCommerce Mini Cart</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/zwSjjbxY1E4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Upsell, Cross-sell, Recommended Products on Mini Cart</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/K5tdwrJ2qJQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>You may also like other plugins</h4>
<h3><a href="https://wordpress.org/plugins/qr-code-composer/" rel="ugc">QR Code Composer(Auto QR Code Generator)</a></h3>
<p>The plugin allows you to Gnerate QR code for each pages, posts, WooComemrce Products, Custopm post, Custom URL, Cusrom Text, CstomNumber QR code. Also can Generate Whatsapp QR code, vCArd QR code with WordPress website.</p>
<h3><a href="https://wordpress.org/plugins/barcode-generator-for-woocommerce/" rel="ugc">Barcode Generator for WooCommerce</a></h3>
<p>Barcode Generator for WooCommerce is a plugin that helps generate barcodes for all products on the WooCommerce website.</p>
<h3><a href="https://wordpress.org/plugins/yoo-bar/" rel="ugc">YooBar – Top and Footer Notification Bar  </a></h3>
<p>With this plugin, you can display attractive and effective notifications at the top and bottom of your WordPress website. inform visitors of new publications, offers, messages, news, social links, advertisements, and promotions through a notification bar.</p>
<h3><a href="https://wordpress.org/plugins/elfi-masonry-addon/" rel="ugc">ELFI Masonry Addon – Creating item showcase for Elementor  </a></h3>
<p>“ELFI Masonry” is a filterable and gallery showcase addon for the Elementor page builder. With this addon, you can create showcases for portfolios, products, or post items. And setup a category-based filter button.</p>
<h4>Privacy</h4>
<p>This plugin does not connect to any third-party applications. It does not collect or store any user information.</p>
<h4>Feedback</h4>
<p>Your suggestions or feedback about the plugin will motivate us. Tell us about your experience and rate this plugin</p>


Mini Cart for WooCommerce – Add a Stylish Sliding Cart

It allows to creation of a beautiful Mini Cart on the WooCommerce site. Adds cart icon to menu and body.

Menu Cart Divi vs Mini Cart for WooCommerce – Add a Stylish Sliding Cart