Elementor WooCommerce Menu Side Cart | Free
VloĆŸit
- Äas pĆidĂĄn 2. 07. 2024
- Learn how to add the best menu side cart to your WooCommerce website using Caddy and Elementor.
Get CSS Code: urielsoto.com/elementor-wooco...
Plugins Used:
Caddy Side Cart
Elementor
Hire Me:
urielsoto.com/services/
MY COURSES:
đŁ Elementor Mobile Responsive Course
bit.ly/elementormobile
đŁ Start Your Own Website Business - Open For Enrollment Now:
websiteagencycourse.com/
PRODUCTS I USE FOR MY WEBSITES:
đŽ Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorproâââââââââ
đŽ My Hosting Provider - Try Siteground
bit.ly/sitegroundsotoâââââââââ [Save 40%]
đŽ WpRocket - Speed Up Your Website
bit.ly/uswprocket
đŽ My Wordpress Theme - Kadence Pro
bit.ly/urielkadencethemeâââââââââ
đŽ Multi Step Checkout - Get More Sales
bit.ly/checkoutwcâââââââââ
COMMUNITY & PRIVATE GROUPS:
đ” Join Our Facebook Community!
bit.ly/urielsotofbgroup
đ” Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/â
Facebook: / urielsotodev
Linkedin: www.linkedin.com/in/uriel-sot...
#elementor #woocommerce
This is insaneeeeeeeeeeeeeeeeeeeeeeeeeeeeeee, I'm so happy I found your channel man.
Got plenty more đ
thanks Uriel, I love the value you bring into your videos, they're awesome and stand out from the other youtubers, very well explained, thanks a lot!
Thank you so much. I really appreciate your nice comment. Just things I learn from building websites for my clients.
Man! This thing is SICK!!
Thanks for this information I barely knew it:)
Got you bro
Bro!! Thank you so much for this damnnnn this looking so good! So glad I found your channel! Subbed!
You're very talented, all your websites just look amazing.
Thank you but most of them are templates except for the websites you see me build in my videos haha.
you are da man! this is awesome!!!
Thank you Uriel, very helpfull
Thanks bro!
just subscribed it! and guys ,this was trusted chanel
thank you so much
Seriously brother I have no words for youđ it feels like you are listening the problems of my innocent heart who wants more from free theme đ and you always gave me the best solution for my website thanks alottttttt. This is seriously amazing đđâ€ïžâ€ïžâ€ïž
Got you bro! That's what it's all about
Thank you so much â€ïžđ„°â€ïžâ€ïžâ€ïžâ€ïžđ„°
thankyou so much, its really helping me
but, i have one question how to change the theme or color of the sidebar ?
Hi Uriel, I just had a question. If I want to change the background color of the floating card icon, do you have any css code that would make me able to do that?
Hello Uriel, thank you for tutorial, i was wondering, do you think it's possible to add it to the header without Elementor ? I want to stop using the elementor header feature for several reasons and having this cart instead of the original Woocommerce cart in my header would be perfect. Thank you !
Thanks dude
did you find it on elementor widgets?
Hi Uriel, your video is so informative. I'm using the blocksy theme and this theme doesn't have the sliding sidecart feature. So to get this feature, I downloaded the sidecart plugin which works perfectly fine but is there a way where I can integrate the same features to my theme's icon in my header or move the floating cart icon altogether in my header menu as I do not want this icon to appear at the side. Could you please provide the css code snippet for the same which I can apply...thanks
heyyy bro thanks a lot, but do you have a code or something to hide the bottom circle, and that it only apears at the top in the menu, thanks a lot
I love it!
Do you also have a video how you have put the search icon in your header?
Yeah if you use the pro version it should be easy to add.
Good tutorial, I really enjoyed it. Pls regarding the functionalities, could you guide me through on how to achieve this: when someone buys 2 products and its added to the cart if he selects the 3rd product then he will be entitled for a discount instead of free shipping which you showed in your tutorial. I would appreciate if you could recommend any plugin that can handle this. Thanks
Great, thanks!
How can i change the icon?
I figured it out guys, to hide the floating button: .cc-compass {display: none
Hi Uriel, thank you for the video. can the font on the floating cart quantity bubble be changed to my theme font: Orbitron?
How can I change the color of the progress bar from teal to black? Mine is not black like yours :(
Hi Uriel, how can I disable the "we think you might also like" suggestions in the cart...?
This is a fucking jackpot. Thanks a million Uriel
i'm facing issue while add the caddy cart in the header please help me
When I search for caddy at elementary there is nothing find. Could you help me out. Other than that tanks a lot !
Quick question the cart gets disabled when you are in product description
Hi, everything works as it should, but there is one error with the icon. It is displayed normally only on the home page, store page, product page, etc., and it no longer works. a rectangle border is displayed instead of the icon. Anyone know what this could be about?
It's nice since the DEMO Version brakes the website, not been updated for a long now, I can by it if I can't test it!
Can you please make one video for âMy Account login buttonâ which I can use on astra theme and on custom header? Please do one that as well
thankssssss
Goat
Good video ! I also use this plugin! but when i'm logged in the plugin stops working ... i don't know why ... if you have the solution i'm here
Good tutorial. Please I need your advise. My goal is to have a pricing structure where if a customer selects three products in my woocommerce site at a cost of $395 each, any additional products added to the cart would trigger the new product selected price to change to $495 without affecting the price of the previous selected 3 product. Please could you guide me on how to achieve this or if you know any plugins that does this, let me know. Thanks
There is a possibility to translate the content of caddy cart to other language? thank you
Is it possible to change the language?
Hola Uriel necesito tu ayuda me pasa como a alguien que comentĂł mĂĄs abajo en mi iphone y PC se ve perfecto pero en android el carrito sale totalmente desplazado hay alguna manera de solucionar?
Hi, I am using elementor but the caddy widget isn't showing up in the widget panel. I am only seeing the floating button. I am not able to add cart to my header.
Its in the wordpress category
Can you make a video who to create the slider that you use in your WooCommerce website
It's just a starter site from the Kadence theme :)
Can we desativated the Floating Cart in Mobile with CSS, since take a lot of realstate on the screen ? Also, can we cahnge with CSS so in mobile doesnt take all the screen maybe only 90% of the creen realstate when click the cart button? Thanks
To hide on mobile:
@media only screen and (max-width: 768px) {
.cc-compass {
display: none;
}
}
To change the width you can use the .cc-window selector.
Could someone tell me please What is the role of promo code option ...how to edit that section???
Itâs simply a coupon code field.
Hey, thank you so much this is awesome. I have only one question. Is it possible that when someone clicks on add to card the card automatically pop-up?
Yes there should be an option that allows you to do that.
This is how it normally works unless you have custom add to cart buttons.
hey, can you maybe help me to remove the element with the cart on the page
You can remove the floating cart icon with:
.cc-compass {
display: none;
}
How can I completely disable the floating cart icon
got it
Hi, it's weird because I cant find the caddy widget
Elementor doesn't make WordPress widgets searchable. You need to scrolll down to the "WordPress Widgets" section within the element area and you'd find "Caddy Cart" there.
Oye bro, tengo problemas con el icono del carrito en el header, despuĂ©s de utilizar todo el CSS, en la versiĂłn escritorio queda perfecto, pero en la versiĂłn mĂłvil no sirve, quisiera saber si podrĂas hacer uno que sea responsive!, o podrĂas mandarme el css?
Que pasa con el carrito en mobil? No pasa nada cuando le puchas el carrito?
hi ilove your video.
but can i remove the floating cart default in low right corner? i just want use it in my header. thank you so much!!
Yeah I think you would have to find the css class and a display: none
woah im so glad that you replied. im beginner in css, can you guide me where to find the css class?
Shoot me a message on here. I'll try and send you a video urielsoto.com/help
i alredy send a message, thanks! how nice you are :)
hey friend! how do you change the language of this manu cart ?
Use this method. czcams.com/video/nF48WikpoUw/video.html
Hi, how can I delete the other cart icon? the one that appears below? Thanks
Watch the entire video please. I go over it.
I've seen it in its entirety, but there's no part where you say how to remove the dot at the bottom of the page....
What I have seen is only how to change the button at the top of the cart, not the circle at the bottom of the page
@@simonedelgreco8492 4:28
How do I change where the checkout button links?
Got it
For anyone else... This button is linked to whatever you have defined under WooCommerce Settings > Advanced > Page Setup
hey can you answer how to quit the bottom circle of the bottom??
If you don't want the the side cart circle. Just make the css class display: none for that element
@@UrielSoto no, I dont want to se anything in the botom, the circle, the cart, the number, anything, can you tell me a css to do it
@@UrielSoto Hi Uriel, could you share the specific code for that please :)?
@@selenefroehlich9138 he dont now, like 10 coments of the same thing and he dont answer ...
Men can you answer?? Itâs so complicate for you to understand?
Hi Uriel, what if I want to hide the caddy floating cart in mobile/tab version and show only in desktop. Any solution?
In the colemn advanced responsive settings hide it on mobile.
@@UrielSoto Thanks for the reply. I was asking for the floating cart which shown on bottom right corner in mobile/tab screen, not the cart on top menu one. Is that possible by css? Hiding the cc compass class for mobile!
@@nongthambamuttamsingha2960 yes, I would really like to know this, how to hide the floating cart at the bottom, since we're left with two cart icons, so that it doesn't get confusing, thanks :)
hey i downloaded the plugin but i am unable to find it in Elementor widgets...Any advice?
same here
Elementor is probably hiding WordPress widgets from appearing in the widget search. You can go to Elementor Settings > Experiments and disable that option and you should be able to pull it up after.
Hello sir how to use elementor slider to add multiple URL
You can't do that already?
@@UrielSoto can you explain me sir
@@UrielSoto Hello sir, we are saying how to add multiple links in the elementor carousel
Is there a way to get the link of the cart? I want to open it by clicking a button.
Yeah i believe I go over it in the video.
Yeah i believe I go over it in the video.
Can't find it. Would u mind telling me the way to get the link? Pls
IF someone have this same thing but for shopify please send me! Thank you.
Ehh this whole thing is english thanks anyways but if i can't translate it i can't use it, that would ruin the user experience..
Do not waste your time, You cannot add into header with using elementor for free version
i am using elementor pro version but still i am not able to find it on elementor widgets
Hi bro
After changing the floating cart icon itâll only changed in home not changing in store or categories
Only changes appears in home, account, about, contact us
Did u fix It?
Sounds like a caching issue. Try clearing your cache.
hi Uriel, hope you are doing well. I have added this side cart to my website and I also have the floating chat icon which is being over lapped by side cart icon. is it possible to hide the side cart floating icon and only keep it in the header? Thank you.
I guess you can find the css class for the side cart and do display: none
@@UrielSoto Thank you, it worked by adding " .cc-compass {
display: none; " to custom CSS. I am new to codding, your video helped.