Create a custom WooCommerce Product Archive Elementor Pro & Elementor Custom Skin
Vložit
- čas přidán 13. 01. 2020
- Create a custom WooCommerce Product Archive with Elementor Pro & Elementor Custom Skin.
If you're looking for a quick and easy way to create more unique WooCommerce Product Archive pages with Elementor Pro, then this tutorial will help cast some light on how easy it is to achieve with the free Elementor Custom Skin plugin and a little creativity.
► RELATED TUTORIALS ◄
Checkout Page Customisation: • Woocommerce Checkout P...
Product Page Customisation: • How To Customize Wooco...
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
► 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
Outstanding, being a newbie, I have spent about 8 weeks trying to put it all together, your explanations allow me to get past bottlenecks. Thanks for your teaching.
You are a fabulous instructor. The right amount of detail, excellent pace and examples. This really helped.
Your videos on Woocommerce have helped me quite a bit. Thank you very much for this video and others on Woolentor and Woolementor. These plugins are quite helpful, and most importantly, your short videos on how to use them a blessing and time saver. So, thank you!
Wow! So quickly, accurately, succinctly and clearly! Thank you so much!
Hey Paul, once again a great tutorial! You have solved a problem that has been bugging me for days!
You are one of the best tutors out there! Keep up the good work!
Absolutely solid video. Very helpful regarding pointing out the dynamic functionality that nobody else teaches.
After hours and hours of online research I finally find the solution to customize the product list page, thanks to the loop :) thank you so much ! very very helpfull !
This is awesome. This is exactly what i have been looking for for hours now. THANK YOU!
This is exactly what i was looking for 😭. watched hours of youtube videos and no one teaches you how to do this. You Sir, are a God send.
Thank You!!!
Same for me! After spending HOURS and DAYS in experimenting in the backend, I fortunately ended up in searching for an archive customization solution and now I can proceed building my shop much better and easier :)
Thanks for all you do Paul. You're not only a great teacher but an excellent orator. Of the scores of videos that I've watched I haven't heard you utter a singe Um or Ah. Great work....
Another GREAT video...there are so many plugins claiming to let you customize different WooCommerce pages within Elementor...but NONE of them can come close to what you show in this video. Again you show the real power behind Elementor Pro and its ability to create custom themes. I can't wait to see your video on Elementor Custom Skins Pro version. It, like Elementor, already does so much with the free version ... I wounder what the Pro version adds.
Thanks a Lot! Never got it so well explained! You made it easy and simple and saved me! Thanks a lot and keep up the great work!
I really like the way you explain things. Right on point. Great tutorials.
Really useful. I always like the way how simply you explain everything.
Thank you :0)
BRILLIANT!!! This video was VERY helpful to me! Like Nicky Mandeville I was spending a lot of time for research and finally ended up finding your tut. I killed two birds with one stone since I was desperately looking for a solution to edit the products' look in the archive and for the single products as well!
Great job, thanks a LOT and please keep on going wit hsuch awesome tuts!
What a great instructor! Just subscribed. Thanks so much.
This was extremely helpful, showing products as a 'post' instead of using the product archive helped me work around some issues on a client site where they had tons of stuff overwriting woocommerce archives, thanks!
I'm from Brazil and your video really helped me, thanks!
Really enjoyed the video, exactly the info I was looking for.
Thanks !
I am developing a site for my small business and found this tutorial to be really helpful. Thanks for the good work
Thanks for this great tutorial. It's a really great tool, that will use again in the future. Thank you!
Paul, you're the best, thank you!
Thank you so much. You have no idea how much time I trying to understand that. You saved me
My pleasure. So glad to hear this helped. 😁
Finally what i was looking for! Thanks
Incredible instruction, thank you very much for your work!
awesome info! exactly what I was looking for for building my shop! THANK YOU
Great to hear :)
Thank you for the tutorial. Burnt over 6 hours already trying to figure this out.
Good material. Thank you very much for your help. It was a great experience
Amazing! I searched for a long time, thanks to God I found your video!
Great Info Boss....
You help and solved my problem.
Thx a lot !!😄
Really a great Tip and tuts.. Bring out and share more like this... Very usefull and Thanks a ton...
Thanks for all the great videos.
Thank you for the video, very educational.
OMG I had to Google so much to find this but it was EXACTLY what I was looking for.
Very useful and excellent, a problem that I was dealing with for several days was solved, thank you very much
Some good information in there, will look for the next video as well. - Thanks
Another amazing tutorial as usual....
Fantastic video tutorial, clear and to the point! Well Done, keep up the great videos, Liked & Subscribed ;)
Thanks so much! It helped a lot.
Thanks alot for this helpful Video , You save my day !!!!!
This is genius way to. Thank you for amazing experience!
Cool tutorial, thanks!
thanks man, thanks a lot! you deserve the best!
Great video Paul ! I think woocommerce customization is a big issue for all famous pagebuilders companies to solve. For the moment there are too many solutions from Third-part some of them too expensive and less good...I hope all pagebuilders Team work hard on the"woo customization issue"
Yes ! AWESOME ! Thank you
Extremely helpful, thanks
soo useful!! Thank you so so much!!
Thnaks For this it's very helpful for me !
Thanks a lot!
I've been searching for how to edit this section, and only got the basic archive options.
Thanks to this video, now I have full control over my archive's look and feel.
I'd add more likes to the video if I could 😀
This was super helpful! Thanks
Great Tutorial. Thanks
so so so appreciated!!! Clap clap! Thanks alot
Really helpful ,thanks very much
This is Clever!
You are the best!
thanks for making this tutorials
Thank you so much. Helpful video. Just one question
How can we add sorting menu on top of this?
Thanks !
thanks you, this very helpful to me
Hi, thank you for your amazing tutorial. What if I wanted the product to show a secondary image on hover? How would I do that?
Thanks alot for the tutorial
Outstanding. Add another appreciative comment to the pile!
Thanks so much for this tutorial. It really helped a great deal. However, there's a challenge.
You save my Life. Thanks bro, more one sub:)
awesome video!
Love these customisation videos Paul. They open up so many options for an Elementor novice like me. If you want to use Woo Product Categories on the archive page then I found that you need to set Query on the Posts to Current Query, so that the product category filtering operates. Setting Query to Product shows all products regardless of category selected.
Thanks for pointing that out, this was driving me crazy!!
Life saver!! :D
Thanks , You sorted this for me . It was driving me crazy !!
Still one thing is going wrong, Sorting the products price wise not working perfectly. Could you help with this? Thank you !
Thanks Leslie!
OMG Thank you so much! This was also driving me crazy :D This was really helpful!
Crack! Saludos desde Perú!
super valuable video
I bought the Custom Skin Pro when first released on LTD & still havent used it yet.
Be good to see a vid on that....
Onya Paul...
Hi, thanks so much for the tips, really helped!
One question though, that doesn't work with product filters right?
wow this is exactly what I was looking for. thank you. I can't find the elementor custom skin pro tutorial though
You are awesome thank you, you saved me........
Thanks so much for this video! Do you happen to have a updated tutorial on this subject?
Thank you! It was very useful. I have a question. Can I put a filter in the archive product? I tried to put one but it doesn't work
Thanks so much! It helped a lot. However, I am now struggling with my filters because since I used the Posts Widget, it is not connected to my filters anymore, which work with the product attribute. Can you help?
Im having the same issue, did you find a solutions ?
I'm also struggling with this issue. Pls let me know if any of you figure this out. I have tried for hours...
Try Filter everything plugin. Got the info on this channel and it worked for me.
Thank you for this. I've been trying several expensive plugins, none of which could achieve this.
Quick question - is it possible to use this method to display "top selling" products? I wasn't sure if that type of query would be supported.
Thanks so much for this tutorial! This is applied for products, is there any way to apply for sub categories instead of products?
Hi! Did you found any solution to apply custom loop to woo categories?
@@phaonce407 I duplicated the product archive for each category and set the condition for each product category. You can change a specific category if you go to > Query>include by>Term>your category then it should work
@@-nzyx-7458 thank you so much this information helped me a lot. thanks!!
Thanks so much!! This video really helped me. I'm trying to use the loop again on my product page. I have an accordion file and I want to include other products in the same category in one of the drop-down areas. I used a shortcode [product_category category="Lumina"] to pull the products into the area I want but I can't style them. Do you have any advice on how I might be able to style my products to match the product archive styling I created with custom skins as you demo'd in your video?
Genius!!
Thanks i have the same question that Ken has is there a way to work with sub catergoies ?
Best Ever!
Excellent video. Many thanks! I´m not been able to use the categories side bar, it is not searching for the products listed in the category, do you have any idea why? thanks again
Hi Paul,
I'm new to WP and I'm trying to build my first my website from scratch. Thanks for the great tutorial. I have a question, how can I deal with Product categories? Now, navigating on the category archive it display the same page with all the products? Should I build a different template for each category or is there a more streight forward way? Thanks a lot!
Very nice tutorial hopes that you add wishlist and Quickview buttons on images in your next video.
Thanks so much for this tutorial. It really helped a great deal. However, there's a challenge. The "add-to-basket" which is now "add-to-cart" has issues with styling it on Elementor. It doesn't always follow the settings.
Wao, me has salvado la vida!
Great!
Hi, thanks for video. Is it possible to add sale badge to the single product loop? Thanks.
Hello Paul, thank you very much for your tutorials, they are fantastic.
I have a problem and I would like to know if you have the solution, I need to add the loop created with elementor custom skin in the related products to a simple product page and I can't find the way, I tried with jet engine query and I couldn't.
Is there a way to use loop in related products?
I would also like to know if it is possible to add "order by" to the product archive
thank you very much
This is excellent! Implemted it already. Next question: How to apply search filters to theese product loop pages ? The 'standard product filter' plug ins do not seem to work on product loop archives? Any hints?
This video was super helpful, finally i can style my archive and product page the way i want it. However, i have one problem. whatever i search for in the searchbar, the actual results shown are always ALL products. How do i control that? With the conditions?
Thanks so much for this tutorial! can i something to allow clients to sort product by price, popularity ecc???
Thanks for great tutorial. But is it possible to add line for product ATTRIBUTES somehow ? In Loop/text editor/dynamic there are no option for it. Or could our Custom Product Archive template integrate somehow with WooCommerce Variation Swatches plug in who has that options ? Thanks !
Hello WPTuts!! Thanks for the tutorial!! Amazing!! Can i make a loop for post categories, tags, search.... cause when i apply a condition to them... they just show me one product. Thank You!!
Hi, wonderfull your video's about Elementor! I created a product archive loop, got the image on a equal height over the different products but I do not get the short product description and price on the same height. Do you have a trick for this or does this need CSS?
I have design a custom shop page using this method. Also I want to add bit more function in shop page which you have not cover in your video. Actually I want to add two thing just top of products 1) Showing all results in left side and 2) Default product sorting option in right side. I think this facility is available only for default archive page. Do you have any idea about how to add this facility in custom shop page after pulling data from product loop of own.
Thank you for this great video ! Is there a way to make it work dynamicaly when we change category ? I didn't find how to do it ! thanks a lot
Your videos are amazing. And I always love to follow you. I have a question. How to Create a Grid/List Toggle in WordPress Archive custom post types archive pages? Thanks sir.
So cool ! Thank you very much! Can we make a custom skin and apply it to a posts or products slider ?
Thanks for the tutorial, but i came across a problem. Now that i used the custom skin to make my "catalog/Product Archive" the Woocommerce layered navigation doesn't filter my products. Is there any solution for it? Thanks!
Great video - This has helped me get over an issue I spent hours on so thanks for that! One additional issue I've come across is the filter no longer works. Is this something anyone has been able to solve?