In this video I’m gonna show you how to create a product grid / archive page with Elementor Pro, the Astra theme and Woocommerce. This Woocommerce Archive page also has a category list on the left that will automatically filter your Woocommerce products by category.The playlist with all the Woocommerce videos: https://livingwithpixels.com/playlists/woocommerce/ The page with all the links: https://livingwithpixels.com/links/→ Software that I recommend Elementor: https://trk.elementor.com/livingwithpixels-howto Hosting provider premium: https://www.siteground.com/go/lwp-youtube Hosting provider affordable: https://www.hostinger.com/livingwithpixels Adobe Xd (design software): https://bit.ly/lwp-adobexd-yt All software I recommend: https://livingwithpixels.com/links/→ Hardware & Gear that I use for videos Macbook Pro 13 inch: https://amzn.to/2LUjDbG Camera: RX100 Mark 3: https://amzn.to/2qQlqag Microphone: Fefine: https://amzn.to/38eBw0T Chair & Sit/stand Desk: https://bit.ly/39fn6fs→ Helpful for beginner Elementor Basics in 10 minutes. Watch: https://youtu.be/E15iQEm9KF8 Elementor Pro Basics in 20 minutes. Watch: https://youtu.be/hNP6HOC1c-0 How to Install Elementor and WordPress. Watch: https://youtu.be/SKyoKk9T4g4→ My social media Instagram Livingwithpixels: https://www.instagram.com/livingwithpix/ Personal Instagram: https://www.instagram.com/rinodeboer/Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn’t make all these videos without it.
15 thoughts on “How to create a Product grid / Archive page with Categories – Elementor Woocommerce”
How do I add a search bar for someone to type a product name and show the related product?
Hi I found your video helpful HOWEVER…..After Following your tutorial, I’ve created a Product Archive page. On that page I’ve created a side bar with the Categories menu. I want to make it so whatever category I click on should show ONLY those products in element. Right now the product archive page says “Products” at the top and all products show below that, BUT When i click on one of the categories on the left it opens up a different pages for the category and it shows all the products for that category. it doesn’t sort the Products on the same page like your tutorial shows.. What am I missing???
I love you my man, awesome video
Hi Rino! thanks so much for the content you put out, you really changed my life direction! wanted to offer actual website implementation besides the design so I need to thank you for that!
I have one question ,is there a way to modify the My account page / Register / Login without using another plugin? thanks!
the navigation bar of my products is not appearing I have more than 50 products on my page but only 12 are appearing how can i add navigation bar
hey vato se quemo el changarro como estas?
Hi man! Great video, just had a problem at the end of my website when I see it on my phone, how can I change the row product to only show 2 and not 3 on the same row
Nice! When I’m creating a product archive and press on a product category, I get redirected to the “default” woocommerce product-category page. What am I doing wrong?
This video is very interesting, but I have problems with the product archive. when I click the nav bar which has been set vertically, it moves the page and does not standby on that page. Please provide a solution. Thank you
Thank you. Superb tutorial. Highly recommend for beginers
ARRRRRGGGHHHH! Hello…i have followed this so carefully and repeatedly BUT “Astra straight out of the box” hasn’t given me a menu across the top with a “SHOP” page. How can I fix this…CAN ANYBODY HELP???
love you bro!
Fantastic, thank you
Hi there, just found your youtube channel and this is great! thank you so much. I have an additional question.. I have product categories within product categories. The product archive also decides how multiple product categories are shown, but I am not given any options to change the design of these. Do you have a useful tip for managing the design of these?
For example a brand (parent product category) “Lego” and multiple product categories underneath that (children product categories) “City” , “Friends” , “Disney” but the display of those children-product-categories seems fixed even with Elementor Pro 😅
Thanks man, who would’ve thought I only needed to change the theme 😂