How to create a custom Cart Page with Elementor and Woolementor in Wordpress

Hey guys, in this video I'm using the free version of Woolementor that allows you to style the cart page in Woocommerce much more than normal. I'm also using Elementor Pro to customize a lot of other pages in this Woocommerce Elementor Store.

→ Software I recommend

→ Starter Guides for Beginners

→ Full A-Z Courses

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

[ryangonzalez]

For those who are still have issues with their cart becoming a horizontal scroller on mobile I found a solution. First the new plug name in his video is called CoDesigner (formerly Woolementor) the widget you want to use for the cart design is called "Cart Items Classic". I also did not need to hide sections on mobile with the "classic" widget in order to make it work. At least for me it worked in Elementor's responsive mode and adjusted itself. You will have to redesign the cart again but at least it works smoothly with no custom CSS. Im using Elementor Pro, Astra theme, and WooCommerce hope this helps everyone experiencing issues.

[suzannepowell-simplebusine]

woolementor is now called CoDesigner. Great tutorials btw

[godgutten]

Hello, can you make a video on how to make a custom search bar and then filter the products? Like you search for a specific thing in the search bar and it opens up in the products tab. Idk how to explain it tbh

[thebizness]

So happy I found you on here. Literally a life saver.

[katherinelaikwanchan]

I love your clear and detailed instructions even for a freshman like me ! Bless your work !

[vizhazhan]

For Anyone looking - Woolementor name has been changed to WC designer now

[sqjdndn]

Hi i did everything you did but on system status page its not recognising this cart as the main cart, it says "page does not contain the woocommerce cart shortcode"?

[rortiz]

I'd like to see a video on creating an events page with registration/tickets of that event where I get their name, address, email, name of extra attendants, etc

[selenefroehlich]

how did you get the cart overview to actually look like that in the mobile version?, that the price, quantity and subtotal area are vertically aligned, mine stayed exactly the same on my mobile, all horizontal, I don't know how to change that, please help.

[alkemistnyc]

Top, exactly what I need...Can you send me the link of your video on the checkout page, please…

[ahmedshalaby]

You helped me build my small website, I really appreciate your effort and you nice way of explaining :D

[Peebals]

Your All tutorial are totally amazing & helpful

[MPowerMotor]

So much value as usual Rino! Keep it up.

[netoh.]

Hi!... somehow the responsive mode is not working fine for me and the remove button in weird... I'm actually setting my website in a local host for testing.... HELP!!

[DimiSalviato]

For those that, like me, freaked out when saw the f...ed up design that is shown on mobile, it's simple: in this new version of the plugin, it has split this widget in two: the one we were using is the standard one and is different from Rino's. What you have to do is create another section just beneath it, drag the "Classic Cart Items" and there you go. Just use Advanced -> responsive to hide the standard one on mobile, and the classic one to show only on mobile.

[ndon]

hey man thank you. One question, how did you manage in the mobile view to have the cart items listed in columns. On my computer they show up in line, like in the desktop version, so they do not fit well at all, I have to scroll to the right side to see the quantity and subtotal. Thanks!

[数据美丽]

you did a wonderful job. I am in the building a shop, your instruction come in handy!! keep up the good job!!

[cosmic_fox]

The site provided for woolementor is no longer the correct site and the plugin has disappeared off the WordPress store. Is there a way anyone could please share the plugin kindly.

[paperbox]

How do you add the notification at the top where it says - it has been added to cart "view cart"

[gireeshkottayam]

can you please make a video about minicart try ? woolentor !