How to create a Cart Menu in Elementor

In this part of the woocommerce serie I make a menu with the shopping bag / button to the cart and hover effects. I'm using woocommerce and Elementor Pro for this menu with cart.

→ Software I recommend

→ Full A-Z Courses

→ Starter Guides for Beginners

→ My Social Media

Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[rifathassannibir]

Eagerly waiting for Crocoblock WooCommerce Tutorial.

[kahchon]

You can use inner section for nav menu and cart info. And only reverse the inner section for mobile and tablet.

[UzAir]

You deserve a diamond play button. Thanks a lot.

[TammyLeeFitness]

Thank you so much for making this tutorial! I used it today and my cart header is working fabulously. Here's hoping it helps my clients and customers to have a better shopping experience on my website. I'll be checking out the rest of your tutorials too. I appreciate your work. 🙏

[johnravi]

Hi Rino,

It was a great video! I use Elemntor for my business, and I have been using it for years. Some of my sister’s friends are setting up their websites after getting inspiration from my sister. I think this video will help them in the process and ensure they develop a great design. I really appreciate yous sharing this menu and cart design. I will be sharing this video with them, and hopefully, it guides them in the right direction.

[paoladi]

So, I just wanted to thank you for this series. It was perfect! I love that you made it in separate videos. I guess you might have another video around about editing account page, but if I could give you any feedback it would that. However, the tutorial was awesome! Thank you soo much, and let me know if you have another tutorial for account page.

[Jim.Hummel]

BRILLIANT!!!! I need t schedule some time to experiment with this. Rino, you're AWESOME!

[ganeshunnam]

Hey Rino,
We can use Croco Block to re order the content.
Go to sub element > advanced > Jet advanced > Content Order > On number basis re-oder the entire content for mobile, tablet, desktop using the same existing element rather than duplicating and creating another one.

Hope this helps and waiting for your upcoming videos on real estate listings (Creating filters: categories, price range, location and more)

[AliMuhammad-qsms]

Thanks for your amazing content 🌹🙏🏼
Can we make slider buttons like Apple.com in iPhones Page on mobile we see iPhone models in top and we can swipe right and left, so can we do some like thin on Elementor ?

[emanuelbagirathi]

This series was so cool! I hope you make a site like this with Crocoblock in one of your videos

[janportfolio]

What to say?
You keep me amazing each time, tnx Rino!

[Imsohesh]

Any idea why my column are stacked when I go into mobile and tablet mode? for you they are side by side when you switch to tablet mode.

[paulhildmann]

Excellent tutorial! I bought the Crocoblock All-Inclusive through your link. A WooCommerce tutorial using the Crocoblock plugins would be a great help.

[akashramlal]

thankyou for your amazing content it really helps me out keep up your good work 👍🏾

[mattiabressan]

Thank you for this video.
I really appreciate this content, keep up the good work!
Mattia

[alexejlitvinec]

We need tutorials about CROCOBLOCK. Btw thanks for that video

[salvirji]

Thanks for this series of videos. Have you made the crocoblock version as well?

[itsviney]

I think you could you put the menu and cart in an *inner section*, then reverse the order of columns of that inner section on tablet/mobile.

[digwillhachi]

you should check out the oooiboy plugin. there is a section that allows you to rearrange columns in any order on any device.

[johnnymacchicago]

Great video!! Is there any way to show the final total in the cart menu? (the total after coupon discount)