WooCommerce Custom Shop Page Design with Elementor FREE 2024

Рет қаралды 35,616

Жыл бұрын

Learn WooCommerce Custom Shop Page design for FREE with Elementor & Essential Addons for Elementor (FREE).
I'll show you how to take 100% free tools to create your own WooCommerce Custom Shop Page in minutes using Elementor Free and some other tools.
I'll also show you how to easily redirect the default WooCommerce shop page to your new custom one with another free plugin.
By the time you've finished this short tutorial, you'll have all the skills and tools to make your online WooCommerce store truly unique without spending a cent (or penny).
🔥HOT DEAL YOU SHOULD NOT MISS
👉 Hostinger 75% Off ➜ dapsdigital.com/recommends/ho... Coupon Code: DAPS
👉 Siteground 60% off ➜ dapsdigital.com/recommends/si...
👉 A2 Hosting 67% off ➜ dapsdigital.com/recommends/a2...
👉 UIChemy ➜ dapsdigital.com/recommends/ui...
👉 10Web 10% Off ➜ dapsdigital.com/recommends/10... Coupon Code: DAPS
👉 CloneWebX 35% Off ➜ dapsdigital.com/recommends/cl... Coupon Code: DAPS
💬 Follow & Get In Touch:
----------------------------------------
Instagram: / daps_diary
Business inquiries: me@dapstutorial.com
Service Page: dapsdiary.com
Blog: dapsdigital.com

Пікірлер: 85

@VS-Chauhan 11 ай бұрын

It's awesome 👍

@nickpaul5080 4 ай бұрын

Nice job! Very helpful

@TrueLemonTek Жыл бұрын

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

@JustDaps Жыл бұрын

Thank you for the awesome feedback.

@crisbinjoseph2449 22 сағат бұрын

Thank you😊

@shahinurrahmanshahin6389 9 ай бұрын

Thanks for sharing a great tutorial with us.

@JustDaps 9 ай бұрын

The pleasure is mine

@muhammadtaha6907 11 ай бұрын

Thanks man! really helpful

@JustDaps 11 ай бұрын

Nice to have you around

@kennyego9264 5 ай бұрын

Thank you mate. A very good tutorial.

@JustDaps 5 ай бұрын

You're very welcome!

@BiljnaIshrana 4 ай бұрын

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 4 ай бұрын

Glad it helped!

@hereandthere31 8 ай бұрын

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

@JustDaps 8 ай бұрын

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

@lucoo3457 Жыл бұрын

thanks for the free content 🙌

@JustDaps Жыл бұрын

Thank you for watching

@khoerizzz7011 6 ай бұрын

Thank You

@haidykamal1010 11 ай бұрын

Sooo usefull thank you

@JustDaps 11 ай бұрын

Good to have you here

@learnandlovethephilippines 15 күн бұрын

Thanks a lot for this tutorial.

@JustDaps 10 күн бұрын

You are welcome!

@ahmadqandil8097 7 ай бұрын

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

@JustDaps 7 ай бұрын

Glad you liked it! 👍

@JoeIgnizio 6 ай бұрын

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

@blissparkresort 6 ай бұрын

Excellent video Daps

@JustDaps 6 ай бұрын

Glad you enjoyed it

@murugesh9338 5 ай бұрын

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.

@blueinarts_ 6 күн бұрын

Well done!

@JustDaps 6 күн бұрын

Thank you

@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!!!

@gauravpokar 11 ай бұрын

@Daps, It's really helpfull...

@JustDaps 11 ай бұрын

Thanks for the awesome feedback

@Zaeka 3 ай бұрын

Themify - WooCommerce Product Filter is missing ...

@lsddotswimsTV 3 ай бұрын

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

@Mintsel 4 ай бұрын

Thank you!!!!!!!

@JustDaps 4 ай бұрын

You're welcome!

@monazzanawaz4338 11 ай бұрын

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

@user-ou5xu1yx4g 3 ай бұрын

Thanks Bro

@JustDaps 3 ай бұрын

Any time

@ibrahimlouaye6684 3 ай бұрын

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

@sherrykamau7359 7 ай бұрын

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 7 ай бұрын

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.

@user-sc7zu4yg9n 7 ай бұрын

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 7 ай бұрын

Thank you for the feedback.

@maestrorobi4467 5 ай бұрын

Did you figure it out? Same happens to me.

@user-iw5ud7se1e 4 ай бұрын

Why?

@user-mt8ds1uo7d 5 ай бұрын

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

@JustDaps 5 ай бұрын

You are welcome, I will consider that in subsequent tutorials

@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 5 ай бұрын

Did you figure it out? Same happens to me.

@niklasfroden2909 5 ай бұрын

same @@maestrorobi4467

@laurendeoliveira2152 2 ай бұрын

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 2 ай бұрын

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

@laurendeoliveira2152 2 ай бұрын

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

@HappyAurora-qv9rn 4 ай бұрын

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

@JustDaps 4 ай бұрын

No, Kadence.

@maricarmenriveraaguero3165 11 ай бұрын

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 11 ай бұрын

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.

@rogersdumba1171 8 ай бұрын

How can i get the divi-sample products

@JustDaps 8 ай бұрын

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

@zakigeeks 3 ай бұрын

themify product filter not working, its not filtering the products

@JustDaps 3 ай бұрын

I'll look into another tutorial for filtering the products

@jeffalomaniacemail2956 5 ай бұрын

doesn't creating a redirect flag you for errors on ahrefs, should't you reassign the shop page?

@jeffalomaniacemail2956 5 ай бұрын

if you update it to the shop page in woocommerce settings it breaks the carousel (redirect it is)

@maayanzilberberg2523 11 ай бұрын

Can you please give us a products demo file?

@JustDaps 11 ай бұрын

Google it, I found it online

@mariusmanlive 6 ай бұрын

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

@JustDaps 6 ай бұрын

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

@gangan-mh 10 ай бұрын

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

@JustDaps 10 ай бұрын

I don't get you

@gangan-mh 10 ай бұрын

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

@lsddotswimsTV 3 ай бұрын

How do I convert the images to one size?

@JustDaps 3 ай бұрын

Your question is not clear

@lsddotswimsTV 3 ай бұрын

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

@lsddotswimsTV 3 ай бұрын

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

@officialjsam 7 ай бұрын

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

@JustDaps 7 ай бұрын

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

@officialjsam 7 ай бұрын

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

@TheClaumigue 5 ай бұрын

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

@JustDaps 5 ай бұрын

Yes, very true