Elementor LOOP Tutorial: Create a Custom Product Search Result Page With Loop Grid

In this Tutorials, you will learn how to make use of the Elementor theme Builder to Create a Custom Product Search Result Page With Loop Grid.
If you have a Beautiful Loop grid Design for your product and want it to display also in search results with this tutorial you will be able to do that with stress.
Tutorials Mentioned:
Elementor LOOP Tutorial: How to DISPLAY a Different PRODUCT Image on HOVER | No Code Required • Elementor LOOP Tutoria...
Elementor Tutorial: How To Style Numbered Pagination For Loop Grid (Posts and Products Widgets) • Elementor Tutorial: Ho...
#elementor #wordpresstutorial

[@thecreativarena]

Copy and paste this code
// products search results display
add_filter('pre_get_posts','lw_search_filter_pages');
function lw_search_filter_pages($query) {

if ( ! is_admin() && $query->is_search() ) {
$query->set('post_type', 'product');
$query->set( 'wc_query', 'product_query' );
}
return $query;
}

[@Theleroylives]

Great tutuorial dude! It was clear and concise. Bravo!

[@user-bx9on8vt3i]

it helps alot buddy ... thanku

[@user-nt2ot4zq3o]

OMG you've helped me so much !!! Thank you !!!

[@ogwucheemmanuel3731]

Thanks for this wonderful tutorial 🎉❤

[@GbengaSaviour]

Thank you for this

[@nenadmihajlovic9711]

I dont use Woocommerce, and i dont have products archive template inside theme builder. But problem is same. I get empty cards in search results.

[@thecreativarena]

what type of loop did you create is it for post, product, or custom post type

[@lcearningtech]

this theme name? plz reply!

[@thecreativarena]

hello theme by elementor how ever everything you see there is custom made. If you follow my videos on loop you will see how i created what you are seeing there