Plugins

DiviMenus

DiviMenus - $49

A powerful menu builder that brings the coolest designs and popups to Divi!

Floating DiviMenus

Floating - $9

Choose the Pages and the Location to float your DiviMenus!

Sharing DiviMenus

Sharing - $9

A DiviMenus add-on that brings the coolest Social Sharing buttons to Divi!

DiviMenus On Media

On Media - $9

Display DiviMenus on Images & Videos to add stunning Media options!

DiviSignatures

DiviSignatures - $19

Design Email Signatures with Divi and paste them into your Mail Settings!

DiviPasswords

DiviPasswords - $9

Password Protect sections, rows, columns and modules with Divi!

DonDivi

Layouts

Check these awesome layouts out. Already a DonDivi user? Download them from your account area!

Extra Tools

DonDivi plugins also include Exclusive Extra Tools to help you. Save money and forget additional plugins!

DonDivi

About us

We create premium tools for improving your creativity and simplifying the way to design stunning websites.

Special Bundle!

DiviMenus & Family

DiviMenus & Family - $69

This stunning Bundle includes the DiviMenus module and its 3 new Add-ons:
Floating + Sharing + On Media.

Members

Log in

Access your downloads, layouts and support. If you have purchased at Elegant Themes > Register.

Documentation

Access all the detailed information about our plugins and get the most out of them!

FAQ & Support

Already a DonDivi user? Send us a ticket from your user area and we will reply as soon as possible.

Contact us

Adding a Shopping Cart with Item Count

How to easily add a Shopping Cart to your DiviMenu

Add the Shopping Cart Yourself!

 

In this tutorial we are going to use DiviMenus Flex to add a WooCommerce Shopping Cart that also displays the item count to your DiviMenu.

For that purpose, firstly, make sure that WooCommerce is installed and activated; and secondly, reproduce these following simple steps.

Add a DiviMenu Flex to the page

Choose the DiviMenus Flex module from the modules list.

Add a Menu Item

Once you have selected the DiviMenus Flex module, click on Add New Menu Item and type Cart.

We are customizing the Menu Item style for this example, but you can leave it as is and move on to the next step.

Also, we are adding other Menu Items to the DiviMenu for the sake of this example.

Select either the icon or the image option

If the Menu Item content is either an icon or an image, then a new toggle called Shopping Cart will appear in the Content Tab.

Enable the Is Cart field

Now, we have easily converted the Menu Item into a Shopping Cart!

Enable the Show Item Count field

This will show the cart item count. If the cart is refreshed, the cart item count will be automatically updated accordingly.

🥳 That’s it!

Feel free to customize the cart.

Apart from showing the cart item count, you can choose if you want to hide it when the cart is empty.

Likewise, you can customize the cart styles. Please, check out the Shopping Cart documentation to learn more about the styling. That is, the Menu Item style, the item count text color, the circle background color, etc.

We will be adding tutorials on the Shopping Cart and other features every now and then. Please, check our website and subscribe to our YouTube channel for upcoming updates!

Download Layout

Free Download from your DonDivi account.

Adding a dropdown to the Shopping Cart

Take advantage of the SUB link type that the DiviMenus Flex module also includes!

Hiding the Shopping Cart dropdown when empty

Take advantage of the Condition Options to hide the Shopping Cart dropdown when empty!

👉 Subscribe to our YouTube channel

More Videos