How to build custom WooCommerce Elementor shop & category pages with Woolementor
Vložit
- čas přidán 2. 07. 2024
- How to build custom WooCommerce Elementor shop & category pages with Woolementor.
Building a more custom user experience with Elementor Pro and Woolementor us super easy and in this tutorial, I'll show you how to create a custom WooCommerce shop page with featured products and product categories.
I'll also show you how to build a custom product archive with subcategories and products to help create a smooth user experience for your online shoppers.
Improve your user experience with Elementor Pro and Woolementor for WooCommerce.
Buy Woolementor: jo.my/woolementor
Buy Elementor Pro: jo.my/1s0t2s2
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► WORDPRESS PLUGINS ◄
★ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - Jak na to + styl
Would love more custom woocommerce tutorials Paul. Styling of variations options within Elementor and changing style of layouts would be amazing.
Love your tutorials- keep them coming on Woolementor.
Terrific videos, nice to see that Woo Commerce pages can be customized a bit further. As a user of Thrive Architect and Theme Builder it is really nice to be able to customize pages so being able to do more with Elementor and Woo Commerce is nice.
Wow! I paired this with the custom skin thing and it's just perfect. Thank you so much!
Thank you for providing valuable content! You made my day!
For anyone watching in 2022: Woolementor is now called CoDesigner. Great video, thank you!
Just discovered this channel! Love the tutorials Paul! Keep the good work up!
Thank you for this, just on point with everything.
I am interested in a full tutorial. I know a lot goes into making these videos. I appreciate it, and that they are for free. SUPER grateful!
Great content as always!
Just what i needed thank you!
Great tuto! Helped me a lot!!!
Thank you for sharing!
Interesting. I am interested in a full Woolementor tutorial.
i'm interrested yes and this was helpful, thanks
Thanks for the recommendation to Woolementor, it is very useful. :))
Thank ya man really help full
Great Tutorial sir, Thank You
Fantastic. Thx. for this vid as well as for all the others. Yes Paul. Pls. make a full tut. Wolementor is exactly what I need. Would also be interesting how it works with bulk-import/export of products/categories. Go, go, go. Rgds., Thomas
Hello Paul, yes please I am liking woolementor so far, will go buy through your link : )
This was great, thanks. Would love a full tutorial.
Excellent video! Had a tough time figuring out how to edit my woo subcategories with the elementor display options, giant help, especially with the "current query" part.
How a great tutorial, thanks man
Thanks, nice video. Hope you do create more
Very helpful thanks yes please a Woolementor tutorial
of course we are interested .
Nice job Paul. Definitely interested in a full Woolentor tutorial.
Woolementor, of course :)
Definitely interested in a full series tut!
Thank you for this amazing tutorial. I am interested in a full Woolementor tutorial too !.
Thank you! Exactly what I what needed. Would like to learn more about better sidebar navigation, filters, etc... to quickly navigate category pages and drill down.
I'll be doing a stand-alone tutorial on a free WooCommerce search and filter plugin which I'm hoping will be uploaded today. I'll also be including filtering as part of the dedicated Woolementor build tutorial coming soon. :0)
of course I am! thank you
You saved me!!! Thanks!
Hello, I also want a full tutorial on Woolementor! Keep up the good work and looking forward on the Crocoblock tutorials also.
Would be great to have a video that takes us through the setting up of all the categories, subcategories, etc. so that the 'correct' products show up in the cart etc. - Love your tuts, by the way - Thanks
I really appreciate your tutorial video! Like all others, I would love to watch full tutorial version. Please save us!
Great tutorial easy to follow. Still trying to find how to add ‘sort by’ back in after making a custom page
Thank you for the tutorial. I would love the full tutorial on using Woolementor and how to set up a full shop.
yes please , make an full tutorial for woolementor, we would love that, thank you in advance
Just purchased the woolementor plugin. Yeah I'm interested in your custom woolementor pages and Tutorials with also some Dynamic 00 plugins in the mix..
Yes please create the full tutorial.
Putting in my request for a full Woolementor tut. I'm sure I speak for many when I say this one is a game-changer.
It'll happen very soon. :0)
Cheers, Paul!
Great as always and I am interested in a full woolementor tutorial too.
I do have a problem with the online store page, the categories always show the image and right on top of the image is the product title and # of products. I have not figured how to put that info on the bottom of the image.
Good video , i want to mention that if someone does not have elementor pro , then the second part of the video can't really help cause you can't add a new archive template , but i have a selution here with the free plugin called " Woolentor " that will alowyou to create the archive page and asign it as the default one ..
Yes please, more woocommerce Tips & Tricks. Also, how do you do when you already have a theme such as Astra already installed or what would be the issues or benefits of this?
Yes, create a full tutorial for woolementor.
Hi Paul!!
All of your videos are so interesting!!
So, how can we customize a product page in order to add options to choose by user, like different kind of "frabric" as image Dropdown, for a forniture ecommerce?
Thanks a lot in advance for your help!!
Thanks. I knew you'd be able to do something different. I am investigating replacing JetWoo Builder with Woolementor. Jet just seem to resource-heavy. A full Woolementor video would be appreciated :)
It's coming Yasien ;0)
Hi Paul, yet again another great tutorial! Quick question, can you tell me what would be the disadvantage "the con" if when adding products in Woocommerce I ticked both the Parent Category and the Child Category for a product. How would this effect the filtering? Also if both are ticked does this impact what is displayed when you select "Product Terms" in the dynamic options?
Very interested in a full Woolementor tutorial.
I would defi itly love to see full VOOLemenot tutorial...it feels like there is so many options there...
Hi bro, your video is helpful. other, I have question,
how to change content of button " Add to basket"???
Followed the instructions and all looked well but when I went back to edit with Elementor it said Content Area Not Found. Am I missing something?? I've had an issue with one of your previous tutorials aswell. Could something be overriding things maybe? I'm using Astra theme
Hi Paul ,
Thanks for all your great tutorials, they are much needed and appreciated
I have a silly question as I'm confused.
I'm trying to set up a marketplace.....products, services, travel, & listings.
Do i set up a separate landing home page for each of the main categories above and also a separate shop and archive pages for each category above?
my main home page would then list the main categories and then take them to a landing page where they would be able to choose what they would like.
Hope that makes sense:)
thanks for any help or pointers
I would like to see a tutorial using Woolementor to build a brick & mortar store with lots of products like a record, health food, or clothing store. Thanks
Good Video, I would love a video on setting up woo commerce and proper permalinks so i can avoid odd errors. I understand my home(shop) page will not be pointing at the woo commerce created shop page but in settings woo commerce asks for the shop page and if I tell it the one I want I cannot edit it anymore.. am i supposed to just leave it blank and if so how should permalinks be set?
Really valuable. How can you add a custom description for each category page tho? The design looks so poor, at least on my site.
Can I add another filter plugin to this page that can filter by product s attributes with this? I have done that with WooLentor but when i add the filter plugin or use the filter from the woocommerce plugin it does not work(it works only for the normal category pages)
A full tutorial would be good. I followed this one and set up the categories and sub-categories. It all worked fine, but at first I could not edit the Products component beneath the sub-categories. Simply re-opening the Elementor editor for that page made it work. Go figure... I'd like to be able to edit it a little more though. It seems that it decides based on some control somewhere to send button-pushing users either to the cart right away or, in other cases, to the detailed product page. I'd like to make the behavior consistent. I'm also puzzling over another issue in which enabling the FEATURE control for a product seems to set the inventory to "out of stock" when there is (and was in the metadata) a clear number of items.
Thank you WPTuts!! I am well on my way in creating a new website using your tips. I was wondering if there's a way with this method to create a woocommerce product category specific header. seems like any header i make would be the same for each category
I can't seem to activate Pro Woolementor after paying for the pro version. I save the settings and when I go to edit my page it won't allow me to use the pro widgets. Please help me.
Nice tutorial, is there a breadcrumbs style navigation with this plugin so that after looking at T-Shirts you could quickly go to hoodies or the main list of categories?
Hi Paul,
Really struggling with this... I have set up a shop page which uses the Woolementor features and looks exactly the way I want it to when I navigate to it... but, when I then set this as the shop page in WooSettings, I get the content error... I simply can't figure out what's going on and any pointers would be really welcome
I'd love to see a full tutorial please
Hi, I want to show only sub-categories of a current product.
i am having around 120 of paremt category for now i need to create 120 pages.
is their any way by which i can make them dynamic?
Interested in seeing an Amazon-like store with different product details for a variety of different categories (like books, video games, toys, etc.) using Woolementor and whatever else.
can you please do a full tutorial on entire online store with custom shop, archive , single product pages with woolementor and later Jet plugins ?
It would be good to see the variable options ..e.g different sizes colours
I am also interested with the full woolementor tutorial.
So if i add a sidebar with filters, it will empty the page and show me the results?
Thanks! How can I show the start and end date of special price in Elementor, as in the WooCommerce?
Hey 👋 do you know how to do every each product make different product page ? I’m trying to make a landing page for every different products
I am interested in a full Woolementor tutorial.
Is it possible to combine the Woolementor with Elementor Custom Skin
to get more control?
I have my categories show up, but no pictures are shown. Can you select a photo to represent a category?
My client needs to customize in this beatiful example the information inside the product some items have only ONE PRICE, other have ONE PRICE and the PRICE WITH DESCOUNT, how i can enabled this
Mr. Paul, I am facing a problem.
I have Astra theme and if I install Woolenmentor plugin, it doesn't work, rather let me explain that after installing/activating the plugin, if I go to home page with Elementor, the Elementor element section doesn't load (Constant loading).
But I want Woolenmentor, please advise.
Great video. Thank you.
The only problem I'm getting is, when I click 'Add to Cart', there's a banner that says 'Product has now been added to your cart' and then there's a 'View Cart' button, but this banner is half hidden under my main menu in the header at the top of the page. Do you know how I can move this banner down beneath the main menu in the header, so I can see the whole banner?
Hi, I do not have the possibility to choose to display my template in the "product categories"... Could you please help me ?
Interested in a full Woolementor tutorial !!!!!!!!!!!!!!!!!!!
Hello! I liked the idea of the categories like in your video. My problem is, that if I get to the subcategory the products don’t get shown, just the same categories. So at min 13:48 you have the subcategories on top and under them you have the products of the certain category. I instead have on top the subcategories and under them the same again, although I used the widget products. Could you help me please?
Paul, give us a complete tutorial on Woolementor. It seems to be a very nice plugin that will help a lot in solving details that Elementor Pro alone cannot.
It's coming soon. :0)
Im stuck... I added categories and I was able to manipulate query. When I added the products per instruction query is not available. What am I doing wrong?
It is possible with JetWooBuilder? I'm trying and get something strange.
How this page is linked to main woocommerce shop page?
Hi, very interesting...but I tried to apply your tutorial (following it step by step for many times) I found the issue that when I get into the archive products page and click on a subcategory...the result is that all the subcategories disappears in the filtered products...I'm asking myself where I'm doing it wrong...thank you!
There is another one called woolentor. Which is similar.
You can check that too and also make comparison video.
Is there a way to create different product page for different product categorie?
I’m interested in woolementor tutorial
Hi, Thanks for this tutorial, I am looking for a Hero Section sliding with an image which covers 60% left side and on the right side to have custom-built products details with discount offer button, so that they can go the product checkout page and one more is that I have gone through 2 plugins which Woolamentor & WooLentor, in WooLentor we do not have on landing page customers to view multiple images of the same product and looking for mobile friendly, can you suggest me any plugin which will suit my need, I don't mind pro. Thanks and awaiting your earliest reply.
I'd like to use filters stead subcategory page. How am I able to create 6 different category pages? In each one of category page, I'd like / intend to use a smart filter for subcategory. Tks
I tried but it doesn't filter. Does it work with the free version?
Thanks for the tutorial. Doesn't look like you need to purchase woolementor though. Everything comes included with Pro
How to display every products short description in home page
I try to choose the category i want in the query “by parent” but it’s not showing my categories. It’s show only the one that came with the template. Maybe because I use different language? Or maybe because there are no items under that category? Please help 🙏🏻🙏🏻
HI .. I need you some solutions. Have you solve? I have some products to sell by weight and some other by unit.
How can I set the price by weight or by unit? Is there a Plugin? In Cart Page.
I am interested in a full Woolementor tutorial
Is Woolementor better than Jet Woo Builder?
I need help my theme builder is not working
hey huys i need some serius help!! my posts images are not showing, what should i do?? please help!
I have a problem and I want to ask, I set my columns in Desktop is 3 columns and in mobile is 1 column, but why when I see it on mobile. It shows 3 columns, not 1 column? Do you know where the problem is? Thank you.