How to create a Cart Menu in Elementor

[@rifathassannibir8378]

Eagerly waiting for Crocoblock WooCommerce Tutorial.

[@kahchon87]

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

[@WebshopWorks]

Yes, this is a better solution. Try to avoid duplicated contents if possible.

[@rinodeboer]

Damn, good idea. Thank you for the input

[@mdqmatias]

Yes, i always do this, cause duplicate content affect SEO (header is important for Google to reach your pagination menu).

[@TahirKhan-si8uz]

@@rinodeboer dear sir kindly make video on mega menue containg different categories there are alot of videos about this but from your content learning id so easy. Thanks

[@daanvanmiddendorp122]

You can also asign column order on mobile and tablet. That is maybe a bit cleaner.

[@UzAir4963]

You deserve a diamond play button. Thanks a lot.

[@Yannick.D]

Can we design the elements ?

[@CoachTammyLee]

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. 🙏

[@johnravi3887]

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.

[@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.

[@Jim.Hummel]

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

[@paola.something]

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.

[@rinodeboer]

I am actually in the process of updating these series. When the update comes out I will also be covering the account page. Not a lot you can customise though, only some small things unfortunately.

[@janportfolio]

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

[@emanuelbagirathi4750]

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

[@LudovicCharlier]

Nice video. I hope Elementor will add the feature to upload our own custom add to card icon in the card widget. I'm bored to see the same add to card icon on all my webshop ^^

[@subhasishnathdev]

Where is the video of the home page creation of this store? I couldn't find it.

[@AliMuhammad-qs3ms]

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 ?

[@ganeshunnam550]

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)

[@rinodeboer]

Thank you for the input. Will look into this feature 👌🏼

[@zhincic]

What crocoblock plugin exactly does this?

[@rebekaleopold1517]

Hi Rino Please help me how to add a link to the button in cart menu?

[@mattiabressan1506]

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

[@itsq9998]

Sir Rino is on fire 🔥 🎈

[@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.

[@ar_dani_]

How can I do that? Reverse columns?

[@nomangm]

@@ar_dani_ Just click on the Section button in which you want to reverse the columns, go to advanced then Responsive and click Reverse colums

[@salvirji4873]

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

[@akashramlal10]

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

[@paulhildmann8392]

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

[@werterlock4039]

Thank you, very nice tutorial.

[@botbeastgaming]

How do u add up and down buttons in quantity field instead of plus and minus

[@disenowebprofesional007]

Hi, this technique works with hello theme?, regards

[@navneetvasant6118]

Hey Rino, Hi, Are you thinking of making some videos about The Plus Addon for Elementor, I see Elemantor recommending this plugin for lot of effects and creativity on their website and in blogs.

[@swaminawale7386]

Hey Rino.. Good to see u after loooonn Time😃

[@johnnymacchicago]

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

[@asomboy]

Pls can an online ticketing site be created using Elementor

[@gautamgiri2921]

In elementor I can't responsive column in mobile view, can you help me?

[@daflexx2003]

anyway, you have an idea how to put the title into Off Canvas Cart ? for example on the left side I want to write YOUR CART and after that to have the Close button X

[@belacosaur]

How do I edit the destination links of "View Cart" & "Checkout"

[@ar_dani_]

Why do you use Astra theme? Can I use Hello by elementor for a webshop with woocommerce

[@gustafssonadam]

Thank you for your videos You're awesome

[@websitelearnersnative1072]

Ok but how to make horizontal category menu with horizontal scrollable

[@azzam9893]

@@websitelearnersnative1072 in custom page? for example, creating a new page called (category) and edit with elementor.

[@MichaelKeaveneyYouTube]

It's not working for me. The Header can't be edited with Elementor since widgets can't be added.

[@MichaelKeaveneyYouTube]

Was using the Sydney theme, not Astra. Making the switch to Astra is needed here.

[@digwillhachi]

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

[@hedgecarcare]

Can you make a video with Apple Pay in elementary pro

[@StefanFire]

Somehow the cart doesn't open when I click on it. What might be the problem and solution for this ?

[@wsricardo23]

How you set link to "View Cart" button?

[@mathildedaelman2541]

Great tutorial ! Thank you very much ! But I have a question and I can't find any response on the elementor website. The menu of cart shows the pictures of the products twice : once on the left of the product's title and once juste beneath the product's title. Have someone here encounter that problem ? How can we resolve it ? Thank you very much :)

[@anjacrhak1283]

Hi Rino, thanks for the video. I use it like that on my page. But I have a problem with the scrolling, especially on the mobile version. If there are e.g. 4 products in the cart, then it is very difficult to reach the buttons "view cart" and "Checkout" because when I want to scroll, the scrolling is on the site behind the "popup". So it's super difficult or sometimes not possible to get to the cart page with the buttons. I looked everywhere in the web, but didn't find a solution yet. Maybe you know how to solve this issue. Thanks. :)

[@Avangers101]

Hi , i want to know more about html tags in elementor . Are they important in SEO . Div , section , nav I want to know the use of these in practical world . Please reply .🙏🙏🙏🙏🙏

[@miladva4561]

Hi! How to change menu cart icon with custom icon?

[@rahulsharma5799]

Need videos on ocean wp extension bundle

[@boutzero]

Te amo!! Muchas gracias!!! Suscribed!

[@alexejlitvinec4411]

We need tutorials about CROCOBLOCK. Btw thanks for that video

[@francisvincentgomes8962]

Hay Rino, this is a ecommorce website. Then how Signup and Login feature will work then ???

[@trendtvnetwork8348]

How to migrate elementor website to another elementor website?

[@joyonurdiansyah9446]

how to rename the button cart sir.

[@ZCYHN]

A perfect video again Rino 🥂 Next time please show how can we delete / change info at footer about “Astra Theme”

[@aronmengsteab220]

hey pls i need to create auto-generate a password for the user during checkout. guest checkout will be disabled and i'm using the one-page-checkout.

[@motoperv]

please can you help making multiple image carousels in tabs, in every tab as I was able to successfully use image carousels in first tab but in 2 ,3 tabs it became a static image with 100% width

[@1cwin]

hey, pls add a video on woocommerce login, logout, register popups..

[@jarnoojasaar]

Hey, what will happen if you were to stop paying the yearly elementor plan? Will the websites not work properly then?

[@rinodeboer]

Hey! They will still work, but you can’t get updates anymore.

[@rexleop1]

How to disable the sidebar? I just want to direct go to cart page after clicked.

[@rinodeboer]

That’s not possible unfortunately. I want this feature too!

[@MohamedThowheed]

In my place, it is different. when I click the menu cart, the product image shows twice. I don't know how can I correct it, kindly anyone help me on this.

[@daflexx2003]

you can switch columns with custom CSS, only column 2 and 3 for example in this way you dont have to create 2 menus and hide them acording to display width. So work with CSS its better because you dont overload your requests and you achieve better performance. think about

[@mahmudchowdhury2289]

Thahk you very much. This video is really helpful create my buisness website.

[@محمدانسآفریدی]

Hi Rino please make a video on user login and registration in woocommerce

[@gad1023]

U can change column order on other devices view instead of duplicated whole menu

[@delladiniyati8425]

can u make a tutorial for next episode, hide/remove "view cart" or "checkout" button from mini cart. hihii i love this channel

[@RonaldBingham]

Different problem: I want to use the "List Widget" for adding a phone number and I want it to be able to let users "Make a call" when they're on their mobile phones. The problem is that Elementor changes the text of the phone number to RED which does not look good with my background. I cannot figure out how to choose my own colors for this text. Using html in the text to change color doesn't do anything. How can I change the built-in automatic colors?

[@mael_houck]

If you select the colum it's in, you can go to the style tab, and change the settings in the "Typography" section. That will change the colors of the listing links, they are currently inheriting the general settings of your website.

[@RonaldBingham]

@@mael_houck Thank you! I'm new to Elementor and I just couldn't find this. Seems simple now that you pointed it out. The color wasn't any global color I found and nothing seemed to change it. I really appreciate it. Really!

[@Perfect2buy]

The cart icon dissappears after 2 seconds

[@int8float64]

Disclaimer :(Not Related to this Video) Bro, when I open the website from mobile, its not fitting to screen (like there is space on the right side of the screen when I move through. But when I see the website in the elementor's mobile view its fitted perfectly. why its happening and any possible solution?. BIG FAN FROM INDIA BRO. Hope u c this mssg...

[@Peebals]

Rino 100K Family Comming Soon

[@victorrenevaldiviasoto9728]

Good tutorial sir! I would suggest to use "Section / Column order" changes in Tablet / Mobile rather than duplicate the section, it saves precious KB and loading time

[@m4mirza584]

Use Css3 Order Property to arrange colume.

[@sarimhasan7110]

Wow #woocommerceseriesisback

[@hamzaelkouchi6914]

thank you sure

[@saptrishidasbiswas]

Thanks rino

[@SavagesoundsincTV]

I know this vid is 3 years old, but to answer your question, if you put the Menu and the cart item in a separate container, you will be able to reverse order on mobile/tablet view.

[@carlosabellanosa]

Rino: ...we need a little trick... Me: Ok... something I will never ever get by myself...

[@ekatmdotin]

Sir kindly make a video on how to find clients,how to manage project,how to manage clients,how to deliver project

[@khawajashowzib1644]

Please make a video on page pre-loader Love from Pakistan ❤️❤️

[@gyorgyignacz8035]

The video was good and concise. You slammed the end. I felt like you were a lot more nervous. I love the cloudless and open person who comes up with new ideas, but in this video, I didn’t fully feel that. Regardless, thank you for your work. György

[@daanvanmiddendorp122]

Ik zou de volgende keer colom order gebruiken voor mobiel en tablet. Dat werkt fijner en netter. element.how/elementor-column-order-mobile/ die site helpt je er mee maar volgensmij zit het ook standaard in Elementor pro

[@flaresabers1401]

I hate how when it gets tough you speed up rather than slow down. We get it your braining but slow down when it matters.

[@rinodeboer]

I am sorry! Thanks for your feedback. Could you please tell me at what part of the video you think it’s too fast?

[@benjaminglante5188]

woocommersh

[@websitelearnersnative1072]

Ok but how to make horizontal category menu. Hey rino i also send a picture in our Facebook group my name is Vishal in Facebook group. I also post on fb group, please rino Sir please

[@virtualshihab]

first