elementor woocommerce product category page | Loop Grid

In this tutorial, I will show you how to design single product item inside product archive page and shop page. For single item design, I will use loop grid element which is a new upcoming feature of Elementor Pro. Also will show, how to customize shop and product archive page globally as we want.

✅ Get Elementor Pro:

✅Get Domain & Webhosting(60% off):

Start work with me for any wordpress project?

Social:

[lesleyhuntley]

This is fantastic, my first foray into the Elementor Loop Builder and I nailed it first time thanks to you. Thank you so much Farjana!

[Pabloh-eo]

Many thanks, excellent work. I wanted to ask you today how Loop Builder allows you to place products and create a carousel of these elements with Loop Grid of products, however it is not possible to place the Image Flipping effect (by hovering the image changes to what you have as a gallery of this product in automatic form, it is important that it is from the product gallery and not from the media library), if you could help me with how to do it in some way I would be very grateful. Your help is very valuable, very grateful

[pairow]

Hello ma'am when i add Pagination and click to the life site for next page it's shows me this ( Opps! The page you are looking for is missing for some reasons. Please come back to homepage )
How i can fix this

[oussamazaghouane]

Thank you for your work, i was stuck with this but thanks to your clear explanation.

[applepon]

Hello Farjana, how to use the WooCommerce function in the DIVI editor to create a WooCommerce shopping website. I hope to get your teaching demonstration. Thank you very much.

[shaheempk]

Hey.. Thank you for the video.. I am not able add Loop grid in pages.. causes some error.. which version r u usong? and pagination also its not displaiying..

[gamipresscordial]

The default sorting option was removed in your design. How do I restore it back?

[qureshiqureshi]

hi would you please make a tutorial on *how to switch prices like if the registered whole seller open his account and buy products in whole sale prices and on the other side the other users or clients buy products in retail prices*

[usmanmuhammad-bztf]

very brief lecture I can understand very easily thanks
is this elementor pro free and can we use it for our woocommerce site

[huaponejeo]

Where are filtering and sorting products? This is a good way to customize product category pages but with this way, customers can't be able to filtering and sorting products... Is there a solution for that too? If there is, please share with us. Thanks...

[subhaniftikhar]

Ma'am You are just awesome make more custom wordpress tutorials like

[codemilestone]

Mam great but it's not a proper solution if we use loop so its not show page pagination and does not connect the filter like jet smart filter you also try thing its a biggest issue thanks

[videowatcher]

Clear and concise tutorial. Thank you for sharing

[ManishKumar-osiu]

Heyy Farjana, I have follwed the steps that is shown in your video, however, my product category pages are not getting the design using the above process. My shop page is working, but not the category page, is there anything I am missing? When I go on category page, I don't even have the option to edit category page with elementor.

[tekno]

Selamın Aleyküm Farjana, loop grid product category archive Pagination is not working, can you help me with this? I couldn't figure it out.

[AbhishekGarg-lpez]

it is showing parent category name also on the sub-category page plz help.

[isampath]

How to add sale presentage badge for that

[prassevo]

hi, how to show star rating of product on elementor loop?

[olpogolpo_with_nawrid]

how to minimize the column space between Look product Achieves

[abhishekgarg]

How to create archive page only for child categories