How to build custom WooCommerce Elementor shop & category pages with Woolementor
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 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 - แนวปฏิบัติและการใช้ชีวิต
Would love more custom woocommerce tutorials Paul. Styling of variations options within Elementor and changing style of layouts would be amazing.
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!
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.
Just discovered this channel! Love the tutorials Paul! Keep the good work up!
Wow! I paired this with the custom skin thing and it's just perfect. Thank you so much!
Interesting. I am interested in a full Woolementor tutorial.
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
Thank you for providing valuable content! You made my day!
Thank you for this, just on point with everything.
Thanks for the recommendation to Woolementor, it is very useful. :))
Hello Paul, yes please I am liking woolementor so far, will go buy through your link : )
Great tuto! Helped me a lot!!!
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.
Hello, I also want a full tutorial on Woolementor! Keep up the good work and looking forward on the Crocoblock tutorials also.
Thank you for this amazing tutorial. I am interested in a full Woolementor tutorial too !.
Thanks, nice video. Hope you do create more
i'm interrested yes and this was helpful, thanks
Great content as always!
For anyone watching in 2022: Woolementor is now called CoDesigner. Great video, thank you!
Thank ya man really help full
Just what i needed thank you!
Very helpful thanks yes please a Woolementor tutorial
I really appreciate your tutorial video! Like all others, I would love to watch full tutorial version. Please save us!
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)
Nice job Paul. Definitely interested in a full Woolentor tutorial.
Woolementor, of course :)
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
Thank you for sharing!
Great Tutorial sir, Thank You
How a great tutorial, thanks man
Definitely interested in a full series tut!
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
You saved me!!! Thanks!
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!
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!!
Great tutorial easy to follow. Still trying to find how to add ‘sort by’ back in after making a custom page
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..
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.
of course we are interested .
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?
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?
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
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?
of course I am! thank you
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
Very interested in a full Woolementor tutorial.
Yes please create the full tutorial.
I would defi itly love to see full VOOLemenot tutorial...it feels like there is so many options there...
Really valuable. How can you add a custom description for each category page tho? The design looks so poor, at least on my site.
Hi bro, your video is helpful. other, I have question,
how to change content of button " Add to basket"???
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?
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?
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)
Yes, create a full tutorial for woolementor.
I'd love to see a full tutorial please
I am interested in a full Woolementor tutorial.
can you please do a full tutorial on entire online store with custom shop, archive , single product pages with woolementor and later Jet plugins ?
Is it possible to combine the Woolementor with Elementor Custom Skin
to get more control?
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.
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 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
It would be good to see the variable options ..e.g different sizes colours
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
Did you make a full tut about this then. I see they changed the name. I luv to see more.
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?
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.
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 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)
So if i add a sidebar with filters, it will empty the page and show me the results?
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?
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
Can you help to build an auction products page, and a single auction product page? Please
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.
I am also interested with the full woolementor tutorial.
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
This was amazing, thank you!!
I do have a question about how you got the ‘shop’ page to show the category image then have the name of the category then the number of products?
Mine seams to have put the name and product coins onto of the image.
Going insane trying to work this out 😣
I think you use Astra. That is way the name and coins is onto the image. Remember that I am not sure, but I had same issue with Astra :)
Yes, More please and how does "Woolementor" compare to "Woolentor" which is better?
Same question here.
Any idea on how to do a custom post type category grid for free via Elementor Pro? Just like Paul did here, but displaying "Resource categories" for instance.
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
Thanks for the tutorial. Doesn't look like you need to purchase woolementor though. Everything comes included with Pro
Great video Paul I hope your are OK - please can you a video how to do a build a woocommerce website with the BEST free theme. What do you think is the best free woocommerce theme, speed and customization and so on? please do videos about shipping, tracing orders, invoice payment, handle orders in woocoomerce and so on.
I'm good thank you. Have a look at a recent video I did on building a fast loading WooCommerce website with free tools, delivery and shipping notes, etc. It covers a lot of what you mention. 😁
th-cam.com/video/gNnPX2AEk6U/w-d-xo.html
There is another one called woolentor. Which is similar.
You can check that too and also make comparison video.
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.
Interested
P.S.
There is a way to edit a shop page. Create a Product Archive Template and under the display conditions choose - Page Shop.
I’m interested in woolementor tutorial
I want to show products in a grid view with all the variation and quantity plus-minus option plus add to the cart on shop and product archive page. Please suggest me a good plugin
thank in advance 🙌
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.
Is there a way to create different product page for different product categorie?
How to display every products short description in home 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!
I have my categories show up, but no pictures are shown. Can you select a photo to represent a category?
Thanks again Paul! Sorry for asking but whats going on with you & Crocoblock? They seems great & better but you kind of moved away? $ or issue? (Asking as Im on the way to go all in on them)
Everything is cool with Crocoblock. In fact I'll be releasing the first of a series of sponsored tutorials for them later this week.
I like to cover tools I think are useful and add value to us as designers and can help us create more unique and personal designs for us or our clients.
Woolementor, while still a young product, shows a lot of promise for those looking for more control over WooCommerce. 😁
@@WPTuts First of all, they really need someone like you teaching their stuff. So big up! Im really looking forward to it. Thanks Paul
Second. And sorry to say but Im not a designer or web guy. Main part I know & can do in WP is thanks to you. (So in one sense I dont give a f***, just want the best :) )
3d: Is my belief. I want to bet on the right hourse and I think Elementor is that one. They create the highway for me, then I see that Crocoblock take their back and really developed during the last year... so I play my cards on them. Right or wrong, I will see.... But my wishes is that you are teaching me on my journy! The best to you Paul! Thanks!
so ...well they have locked it now unless you pay and so I shifted to a new theme = it killed my shop page, I get the woo error, but my shop page is blank and now what? I have to pay $125/year (im in canada) to use it? thats mental
It is possible with JetWooBuilder? I'm trying and get something strange.
Interested in a full Woolementor tutorial !!!!!!!!!!!!!!!!!!!