WooCommerce Custom Shop Page Design with Elementor FREE 2024
Вставка
- Опубліковано 5 жов 2024
- 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.co... Coupon Code: DAPS
👉 Siteground 60% off ➜ dapsdigital.co...
👉 Elementor Pro 67% off ➜ -dapsdigital.co...
👉 UIChemy ➜ dapsdigital.co...
👉 10Web 10% Off ➜ dapsdigital.co... Coupon Code: DAPS
👉 CloneWebX 35% Off ➜ dapsdigital.co... Coupon Code: DAPS
💬 Follow & Get In Touch:
----------------------------------------
Instagram: / daps_diary
Business inquiries: me@dapstutorial.com
Service Page: dapsdiary.com
Blog: dapsdigital.com
![How to make a woocommerce product grid in WordPress using elementor free [ 2021 - Step By Step ]](/img/n.gif)
I have never before commented on any video in UA-cam, 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 🙏
Glad it helped!😀
To be honest, it looks great following your design, but the product filter simply doesn't work. But still thank for the free tutorial
Thank you for the feedback.
Did you figure it out? Same happens to me.
Why?
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 🙏 ☺
Glad it helped!
Thanks for the free guide! Elementor likes to charge for everything but thank god people still share some things for free.
Awesome to have you around, I'm glad that was helpful.
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.
This was super amazing. Loved it. How can I adjust the cart and check out page, buttons and text colors
thank you so much, this is one of the videos that i rarely like or comment on UA-cam.
Glad you liked it! 👍
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!!!
Thanks for sharing a great tutorial with us.
The pleasure is mine
Themify - WooCommerce Product Filter is missing ...
This is an amazing guide. Super useful and easy to follow. Thank you!
Thank you for the awesome feedback.
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?
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.
Tnx man, thats really help but you didnt explain about how to set up compaire for product.
You are welcome, I will consider that in subsequent tutorials
Thank you mate. A very good tutorial.
You're very welcome!
thanks for the free content 🙌
Thank you for watching
Thanks a lot for this tutorial.
You are welcome!
Thank you😊
You're welcome 😊
@Daps, It's really helpfull...
Thanks for the awesome feedback
Thanks man! really helpful
Nice to have you around
Makasih Bang, video ini sangat membantu saya
Great Videos! What theme are you using? Is it Hello Elementor?
No, Kadence.
Also how do I make the 'Add to Cart' buttons align?
Why is there no sort-by or grid view option visible for visitors?
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?
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?
@@JustDaps Thanks buddy.
It's awesome 👍
Can you please give us a products demo file?
Google it, I found it online
Excellent video Daps
Glad you enjoyed it
Sooo usefull thank you
Good to have you here
thank you before watching 🎉
Hope you enjoyed it!
Nice job! Very helpful
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.
Sorry to hear this, something must be wrong somewhere.
Did you figure it out? Same happens to me.
same
@@maestrorobi4467
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?
Others have complained the same, it is not you. I will work on another tutorial to find the right tools to filter Woocommerce.
@@JustDaps Thank you very much - looking forward to it.
Where can i find the Woo product Carousel? I cant find on elementor
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.
This must be a paid PRO version because I cant use Woo commerce product carousel as it is PRO version. On to next tutorial.
It is not a pro version. The challenge with most people on UA-cam 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.
Thank You
themify product filter not working, its not filtering the products
I'll look into another tutorial for filtering the products
Well done!
Thank you
How can i get the divi-sample products
They are publicly available, just search for it in your browser.
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?
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.
Thank you!!!!!!!
You're welcome!
Very nice on desktop view... The phone/mobile view is too bad
It's your responsibility to customize your preferred view for mobile, it is easy to do with Elementor.
@@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
Thanks Bro
Any time
Hi there, I'm the only one who can't find Product grid ? what I'm doing wrong ?
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
How do I convert the images to one size?
Your question is not clear
@@JustDaps my bad. I'd like to make all my product images one size, so that they are aligned
@@JustDaps how do I horizontally align the 'Add to Cart' buttons?
How to create the subscribe like pop up in your video with elementor
I don't get you
@@JustDaps there’s is op up in your video like subscribe like and share with your photo in it
Don't use sections in 2024, use containers instead.
Yes, very true
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
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.
You look as stupid as your comment, anyway thank you for stopping by.
@@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
doesn't creating a redirect flag you for errors on ahrefs, should't you reassign the shop page?
if you update it to the shop page in woocommerce settings it breaks the carousel (redirect it is)