How to create a Product grid / Archive page with Categories – Elementor Woocommerce

https://www.youtube .com/watch?v=WhRcohT71jo

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

  1. 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???

  2. 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!

  3. 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

  4. 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

  5. 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?

  6. 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

  7. 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???

  8. 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 😅

Leave a Reply

Your email address will not be published. Required fields are marked *