WooCommerce Custom Shop Page Design with Elementor FREE 2024

[@BiljnaIshrana]

Thank you for this wonderfully narrated and very much usefl tutorial. I have followed it step-by-step and succeed to make a truly beautiful sale page with ease. THANK YOU 🙏 ☺

[@JustDaps]

Glad it helped!

[@kristiinamattsson]

I have never before commented on any video in KZbin, but I just have to leave you a HUGE THANK YOU! So thank you so much for this tutorial! Your narrating is so easy to follow as a not native english speaker. You explain all the steps so well. You literally saved my woocommerce store visually! I am just starting my shop online, and that is why I am not willing to spend much money yet. Thank you again 🙏

[@JustDaps]

Glad it helped!😀

[@visualmodo]

Excellent work!

[@hereandthere31]

Thanks for the free guide! Elementor likes to charge for everything but thank god people still share some things for free.

[@JustDaps]

Awesome to have you around, I'm glad that was helpful.

[@murugesh9338]

Thanks for the teaching bro. I followed all your steps clearly. Filter functionality doesn't worked as many reported in the comments. I couldn't understand how the short code may point to WC products grid! Can you please help us on where it is missing? It spoils our entire efforts for building a non working shop page.

[@Zaeka]

Themify - WooCommerce Product Filter is missing ...

[@ahmadqandil8097]

thank you so much, this is one of the videos that i rarely like or comment on KZbin.

[@JustDaps]

Glad you liked it! 👍

[@JoeIgnizio]

This was super amazing. Loved it. How can I adjust the cart and check out page, buttons and text colors

[@blissparkresort]

Excellent video Daps

[@JustDaps]

Glad you enjoyed it

[@shahinurrahmanshahin6389]

Thanks for sharing a great tutorial with us.

[@JustDaps]

The pleasure is mine

[@kennyego9264]

Thank you mate. A very good tutorial.

[@JustDaps]

You're very welcome!

[@TrueLemonTek]

This is an amazing guide. Super useful and easy to follow. Thank you!

[@JustDaps]

Thank you for the awesome feedback.

[@paopaomae]

Thanks so much for your help. I was able to make my products page much nicer. I have two concerns, however. 1) I noticed that when I choose a specific category, the screen starts to load and it puts a sort of filter over the page. 2) Is it possible to have the filter be automatically set to a certain category? For example, I have a page dedicated to just tops, and I'd like for it to automatically be set on tops. Thank you so much!!!

[@sherrykamau7359]

Just used this. Love how my shop looks now. However, the page, image carousel to be specific, is not responsive on mobile. How can I change that?

[@JustDaps]

You can customize the mobile view inside of Elementor by using the responsive tool. You may need to set different sizes to accommodate the mobile view.

[@nickpaul5080]

Nice job! Very helpful

[@lucoo3457]

thanks for the free content 🙌

[@JustDaps]

Thank you for watching

[@gauravpokar]

@Daps, It's really helpfull...

[@JustDaps]

Thanks for the awesome feedback

[@muhammadtaha6907]

Thanks man! really helpful

[@JustDaps]

Nice to have you around

[@HappyAurora-qv9rn]

Great Videos! What theme are you using? Is it Hello Elementor?

[@JustDaps]

No, Kadence.

[@learnandlovethephilippines]

Thanks a lot for this tutorial.

[@JustDaps]

You are welcome!

[@VS-Chauhan]

It's awesome 👍

[@haidykamal1010]

Sooo usefull thank you

[@JustDaps]

Good to have you here

[@blueinarts_]

Well done!

[@JustDaps]

Thank you

[@lsddotswimsTV]

Also how do I make the 'Add to Cart' buttons align?

[@zouhrrr]

thank you before watching 🎉

[@JustDaps]

Hope you enjoyed it!

[@aranumber]

Makasih Bang, video ini sangat membantu saya

[@刘建统]

To be honest, it looks great following your design, but the product filter simply doesn't work. But still thank for the free tutorial

[@JustDaps]

Thank you for the feedback.

[@maestrorobi4467]

Did you figure it out? Same happens to me.

[@Dark-t8x]

Why?

[@monazzanawaz4338]

Why is there no sort-by or grid view option visible for visitors?

[@crisbinjoseph2449]

Thank you😊

[@JustDaps]

You're welcome 😊

[@jeffrycharlesatlas8503]

Where can i find the Woo product Carousel? I cant find on elementor

[@JustDaps]

It's there in the elementor widget. If you did not find it, then you skip the beginning where I showed how to onboards the plugin and get every widget you need turned on.

[@laurendeoliveira2152]

I created a new page and added a new section (2 blocks) with WC Product Filter shortcode and on the other block I added the Woo Product grid to the other block. When I use the filter it does not filter the items in the block with the products in. Am I missing an important setting?

[@JustDaps]

Others have complained the same, it is not you. I will work on another tutorial to find the right tools to filter Woocommerce.

[@laurendeoliveira2152]

@@JustDaps Thank you very much - looking forward to it.

[@RohitVerma-wg4ko]

Hi. Thanks for the nice and easy understanding video. I have a question. Due to essential add on plugin my website along with thousand other wordpress websites got hacked last month. Is it safe to download and activate it again?

[@JustDaps]

Sorry to hear about your troubles. It's safe to keep using it as the plugin has been updated 2 weeks ago to solve the issue. Issues like this are not far fetched. I hope you've been able to clean your site?

[@RohitVerma-wg4ko]

@@JustDaps Thanks buddy.

[@SteelPars]

Tnx man, thats really help but you didnt explain about how to set up compaire for product.

[@JustDaps]

You are welcome, I will consider that in subsequent tutorials

[@khoerizzz7011]

Thank You

[@rogersdumba1171]

How can i get the divi-sample products

[@JustDaps]

They are publicly available, just search for it in your browser.

[@MohammedAli-p4h]

Thanks Bro

[@JustDaps]

Any time

[@moneydontbuyclass]

Thanks for the how to! I got it looking the same but the filters on my shop page don’t work for me. They appear with the shortcode but when I try to filter the products on the right column they do not filter.

[@JustDaps]

Sorry to hear this, something must be wrong somewhere.

[@maestrorobi4467]

Did you figure it out? Same happens to me.

[@niklasfroden2909]

same @@maestrorobi4467

[@Mintsel]

Thank you!!!!!!!

[@JustDaps]

You're welcome!

[@lsddotswimsTV]

How do I convert the images to one size?

[@JustDaps]

Your question is not clear

[@lsddotswimsTV]

@@JustDaps my bad. I'd like to make all my product images one size, so that they are aligned

[@lsddotswimsTV]

@@JustDaps how do I horizontally align the 'Add to Cart' buttons?

[@maricarmenriveraaguero3165]

I have seen so many videos like this, but i just dont understand why elementor says i cannot use woocommerce with the free elementor version. Is there another plugin you recommend?

[@JustDaps]

Weird. I think there is a conflict of plugins. Deactivate all plugins and activate both plugins yo see the behavior. If the issue persist with just both plugins, then something is wrong is WordPress itself. I'll recommend you reinstall clean WordPress files.

[@maayanzi30]

Can you please give us a products demo file?

[@JustDaps]

Google it, I found it online

[@zakigeeks]

themify product filter not working, its not filtering the products

[@JustDaps]

I'll look into another tutorial for filtering the products

[@ulas-2023]

Woo Options are not available anymore in free version

[@JustDaps]

Are you sure you watched where I showed how to turn on the woocommerce features in the free?

[@ulas-2023]

@JustDaps I saw it now, I have chosen "Advanced" in the Elementor Extension Plugin instead of Custom, my fault. Thank you for clarifying!

[@gangan-mh]

How to create the subscribe like pop up in your video with elementor

[@JustDaps]

I don't get you

[@gangan-mh]

@@JustDaps there’s is op up in your video like subscribe like and share with your photo in it

[@mariusmanlive]

Hi there, I'm the only one who can't find Product grid ? what I'm doing wrong ?

[@JustDaps]

You did not follow the tutorial, I mentioned this in the beginning, you need to go through the plugin on boarding process to see that option

[@officialjsam]

Very nice on desktop view... The phone/mobile view is too bad

[@JustDaps]

It's your responsibility to customize your preferred view for mobile, it is easy to do with Elementor.

[@officialjsam]

@@JustDaps please do you have a video for it... I love your tutorial boss.. thanks alot . Just drop it he link there is.. the video

[@TruthSeeeker777]

This must be a paid PRO version because I cant use Woo commerce product carousel as it is PRO version. On to next tutorial.

[@JustDaps]

It is not a pro version. The challenge with most people on KZbin is that because the tutorial is free, you jump on them and skip between the videos. If you watch this video, you'll see where I mentioned what to do to get the widget available. Anyway, good luck with the next.

[@ibrahimlouaye6684]

Hello everyone, May someone can help me here please ? From WooCommerce, I am using the storefront , and then from checkout page, after fullfilling full information correctly, once we click on the button place order, this mistake appearing '' Could not create LIST session " , so anyone here can help me to solve this error please, I will appreciate, thanks

[@TheClaumigue]

Don't use sections in 2024, use containers instead.

[@JustDaps]

Yes, very true

[@IrfanJamal-web]

Thank you for wasting my time, you even didn't know what you are doing, just putting random filter widget and the separate product widget without any connection or integration with each other, how it will show filtered results? totally dumb video and design was not even like it shown.

[@JustDaps]

You look as stupid as your comment, anyway thank you for stopping by.

[@IrfanJamal-web]

​@@JustDaps What do you mean with stupid, almost every person in your comment has same issue, if filter would work you will probably shown in video but even it does not worked for you that's why you didn't showed filter working in video and anyway its never gonna work the method you used, just wasting time for few views. I am a WordPress developer myself