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

Ever wondered how to design Elementor #WooCommerce product grid with the help of JetWooBuilder and JetGridBuilder plugins? In this video, you will learn how to build various product grids and apply a WooCommerce product list layout. We will show you how to use the Products Loop widget to combine both the WooCommerce product grid and product list view on one page. Finally, you will know how to add a WooCommerce wishlist and compare buttons using JetCompare&Wishlist plugin. #jetwoobuilder #elementorproductgrid Proceed with the video to learn more about: 👉Building and styling Elementor archive page with the help of Elementor WooCommerce widgets 👉Creating and styling WooCommerce product list 👉Showcasing products via Products Loop widget that feature WordPress grid layout and list layout at once 👉Styling WooCommerce product grid page 👉Setting the Elementor product page template to the required page This video is the second one in the series dedicated to the JetWooBuilder plugin by Crocoblock. Stay tuned and you will know even more about effective Crocoblock Elementor Woocommerce plugin use. ► TIMESTAMPS 00:00 Introduction 00:45 Creating an Elementor shop page 01:31 Applying JetWooBuilder widgets 02:33 Showcasing the products with the Products Loop widget 03:02 Creating and styling Archive templates 06:22 Setting the templates to a specific page 07:08 Applying the JetGridBuilder widget ————– ☕ Enjoyed the video? Buy Julia a coffee: ► https://www.buymeacoffee.com/JuliaMcHale ————— Previous video from JetWooBuilder series ►Creating Elementor Product Page https://bit.ly/36QKjF1 ————– Discover JetWooBuilder on our website ► https://bit.ly/2VylPde ————– Explore features of Zolden — Dynamic WooCommerce Template ► https://bit.ly/33HeRXZ ————– Check out tutorials in our Knowledge Base ► JetWooBuilder https://bit.ly/3okrCiU ► JetGridBuilder https://bit.ly/36ByQsN ————— Explore JetCompare&Wishlist plugin’s features ► https://bit.ly/3ooL6TG ————— Join us here: ► FB Community: https://www.facebook.com/groups/CrocoblockCommunity ► Facebook: https://www.facebook.com/crocoblock/ ► Twitter: https://twitter.com/mrcrocoblock ► Instagram: https://www.instagram.com/mrcrocoblock/ ► Pinterest: https://www.pinterest.com/crocoblock/ #JetGridBuilder #elementorgrid #woocommerceplugin

24 Replies to “Designing WooCommerce Product Grid | JetWooBuilder, JetGridBuilder”

  1. Great tutorial ! By far the best woobuilder. Only issue I found was that when create archive item template and when using that in product loop it wont show up.

    1. I see the issue has been over 4 month, and still not fixed. I contacted live chat support about the same issue. But 4 month are past now and still not working.

      Post grid builder

  2. Hello, I inserted dynamic comtent like product term image, product term and they are not show in the grid view. How can I fix it?

  3. После пагинации виджет Wishlist Button крашится, и вместо кнопки показывается Css код:) актуальные версии плагинов)

  4. 02:33 Showcasing the products with the Products Loop widget – самый лучший способ я считаю

  5. What if I don’t want to use one of your ten preset loops? Client has very specific requirements and these presets don’t cover it.

  6. Just bought Crockblock. How did you get the sunglasses at 2:09 change from Sale to “Percentage Off” at 2:46? I’ve been looking everywhere. =) @crocoblock

  7. This video is missing how to setup on mobile devices, which is more important then on computers these days. I’ve product loop and can’t make it work on mobiles, like to show only 2 instead of 5 product per row, or pagination should show up at different product count on mobiles, and so on. Any suggestions?

Leave a Reply

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