Great Video. Thank you. I have a question though, anyway to include brands and categories in the results? When searching for Category(electronics for example) it shows zero results. Thanks again.
U can do this by using loop grid.. Just make the grid for using in search page.. & in query choose recent query & in display condition in search template choose posts & categories for displaying posts & choose products & categories same for showing.
Hi! Can you explain it again plase? I Created a loop grid only for post but it inludes also the product. is there a way to exclude them in current query option?
Thank you for this video. I wanna know, how about a website that has a woocommerce shop and blog. How do you separate the search widgets, so that when you're on the shop page and search it shows only product, but when you are on blog and search, it shows only posts?
Thanks for the video! Would it be possible to create a search results page with one column displaying posts and another column displaying products simultaneously?
Thank Renato and good question. It is possible to create such a results page but a bit more advanced than what this tutorial is showing. I’ve added this idea down to take a look at though for another tutorial.
Thanks to Renato Silva for bringing this up which I just wanted to add to the comment. And for sure, a big thank you to @Lytbox for sharing the good stuff!!
Thanks for your tutorial and code snippet. I have one issue tho... the search results does not show the newer post first, it's all mixed. How can i make the results show newer post first please.
Good tutorial... I have a doubt. If I'm using an Astro Pro Theme... How can I change it? Because when I designed the search template show me everything Post + page... and I don't want it. I really want to show just blog results
Hey, awesome video mate! Really informative and easy to understand. Btw, how do you make your pricing and add to cart button show-up on your search result? Mine is only showing the title, description and a read-more button. Thanks!
The moment you said "I don't like using plug-ins" you got an automatic like from me, without even having to watch the rest of the video. Nothing annoys me more than looking for a solution to a very simple problem and going through a bunch of top ranking videos and articles that start out with "First, you wanna go to plug-ins and search for..."
Get tutorial. I'm only having one issue. When I go to use this template in one of my pages no posts show up. It's only showing me an archive of templates I've created. The elementor website says what I'm seeing is the normal behavior of using the Archive Posts widget. How do I fix this to actually show my blogs?
Is it possible to use both those code snippets on a website? So when the user is on the blog and they search, it only returns blog posts, and when in the store and searching, they are only returned store results?
Hello there! I have a small issue! When i search now (products only) it bring be back to my product template rather than my search result page. Also, is there a way to display a custom message and image when there are not products to show?
Thanks for this video. I want to ask if it is possible to have 2 search result pages working individually for posts and product search respectively. Also is it possible to create a custom loop item for product and blog post and then use these items to dynamically display either product or blog in the search result respectively.
Both are possible. You can use the Loop builder for the search results page, I’ve been using it and it’s great! To have different pages for products and blog posts results will take a bit more customizations but is possible
@@LytboxStudio Thanks for this awesome video. Could you please share info or advice on how to create a custom loop item within the search results page?
@@nikolacosovic3826 create an archive template in your theme builder, in that template built it out like you would a regular archive using the Loop grid, and then set the display conditions to search results. This way you can create a unique look for your searches. Usually a list view makes it easier for the person searching to find things. I have more in depth tuts around this coming up
have solution how to organize search results with filters without plugins and other 3rd party? and with products variations displays as separates products. i did two tabs products and posts but when enable Relevancy plugin to extend search and show variations as products, Posts widget starts to show all type of content and imposible to exclude with Query Id too.
To create a better search results filter, I’d either use a good plugin that can do everything needed, or add custom code for everything. I wouldn’t mix a plugin and custom code for this. What you can try it using ChatGPT and playing with some code snippets on a testing site to build something more advanced.
Really nice video, I use Elementor for all my sites as well haha. Can you make a video on how to make an archive page for blog sites with Elementor? A page that shows all the posts over the years with the date in a list so that it's easy to find articles from like 3 years ago....
Hey thanks I dig your YT name! I actually have an in-depth tutorial coming up on building a blog site with Elementor including making it SEO optimized. It’s coming up soon!
@@LytboxStudio woahhh cant wait for the tutorial so excited its gonna be very educational especially the seo part please use the hello theme for elementor for the tutorial thank you!
Good question. I’d identify the primary purpose of the site. Usually if it’s a large ecommerce store with enough products that search would be useful, then selling products is priority over content. In this case, I’d stick with products in the search. I’d try and avoid 2 different search’s on 1 website.
can you use loop builder to create a more customisable search results page? At the moment it just seems like you are limited to the archive posts widget. Thanks!
hi when I try to paste the code below the child theme code in the php file, word press gives an error message and won't let me save the file, Can you help me?
Hey Renato, for now this is either for a blogging site or a woo site so it’s either posts or products. Originally this tutorial was just on how to show posts in search results but I threw in the products as a last minute bonus. I’m going to circle back to it and I have on my list of future tuts displaying both. I like your ideas of having 2 columns for post and products. Cheers!
try this one it worked for me : function custom_search_filter($query) { if (!is_admin() && $query->is_search()) { $query->set('post_type', array('post', 'product')); } return $query; } add_filter('pre_get_posts', 'custom_search_filter');
hi lytbox, thank you so much for the tutorial and also bringing it to our attention. i used the code you provided and it worked for the search functionality we wanted but than my custom post archive were messed up it was getting queries from all of my wordpress posts. than googled about the issue as i didnt knew myself what was wrong and found this piece of code which works without affecting any posts widgets and any archives. i used this snippet and everything worked perfectly. function remove_post_type_page_from_search() { global $wp_post_types; $wp_post_types['page']->exclude_from_search = true; } add_action('init', 'remove_post_type_page_from_search');
![Hunxho - Ball Forever [Official Video]](http://i.ytimg.com/vi/nki9ZTF9Uls/mqdefault.jpg)
You can find the code snippets here 👉 lytboxacademy.com/elementor-search-results-with-only-posts-and-woocommerce-products/
Great Video. Thank you. I have a question though, anyway to include brands and categories in the results? When searching for Category(electronics for example) it shows zero results. Thanks again.
U can do this by using loop grid.. Just make the grid for using in search page.. & in query choose recent query & in display condition in search template choose posts & categories for displaying posts & choose products & categories same for showing.
Yep it got much better using the Loop Grid now
And how do we do it with ACF fields as well
Hi! Can you explain it again plase? I Created a loop grid only for post but it inludes also the product. is there a way to exclude them in current query option?
Thank you for this video.
I wanna know, how about a website that has a woocommerce shop and blog. How do you separate the search widgets, so that when you're on the shop page and search it shows only product, but when you are on blog and search, it shows only posts?
This is great! However it only searches by post title. How do I get it to search by title and category?
awesome, that was super helpful, thanks jeffrey!
Thank you very much, I really needed that code!!!
Love your tutorials!! Question though... Is there a way to only show specific posts with a certain category?
Thank you so much for this guide... keep up the quality content ❤️🙏
Finally Lytbox is back 🚀🚀
Back and on 🔥😂💪
@@LytboxStudio Hope now you continuously working on RUclips 🚀🚀 for such as amazing content 🚀🚀 super work
@@Peebals much ❤️ and big thanks!
Thank you!!!!! I was looking for this for a week and finally found the solution.
Thank you for the video! Helped me a lot!
I’m so glad to hear thanks!
this was a game-changer! please keep the good work!
Thank you for this, still works! Can you show a code that would show combined search results of products, posts and pages?
Thanks for the video! Would it be possible to create a search results page with one column displaying posts and another column displaying products simultaneously?
Thank Renato and good question. It is possible to create such a results page but a bit more advanced than what this tutorial is showing. I’ve added this idea down to take a look at though for another tutorial.
@@LytboxStudio Amazing, thank you!
Thanks to Renato Silva for bringing this up which I just wanted to add to the comment. And for sure, a big thank you to @Lytbox for sharing the good stuff!!
Thanks for your tutorial and code snippet. I have one issue tho... the search results does not show the newer post first, it's all mixed. How can i make the results show newer post first please.
Good tutorial... I have a doubt. If I'm using an Astro Pro Theme... How can I change it? Because when I designed the search template show me everything Post + page... and I don't want it. I really want to show just blog results
Thank you Jeff🙏
Aw thanks! 🙏
Hey, awesome video mate! Really informative and easy to understand. Btw, how do you make your pricing and add to cart button show-up on your search result? Mine is only showing the title, description and a read-more button. Thanks!
Hi, I have the same problem, did you solve it please?
following..
Great channel Jeffrey! There is a way to include Authors in search results? Thanks!
What if the archive page for products is custom built?
Can we search products by SKU ? using this
The moment you said "I don't like using plug-ins" you got an automatic like from me, without even having to watch the rest of the video. Nothing annoys me more than looking for a solution to a very simple problem and going through a bunch of top ranking videos and articles that start out with "First, you wanna go to plug-ins and search for..."
Get tutorial. I'm only having one issue. When I go to use this template in one of my pages no posts show up. It's only showing me an archive of templates I've created. The elementor website says what I'm seeing is the normal behavior of using the Archive Posts widget. How do I fix this to actually show my blogs?
Is it possible to use both those code snippets on a website? So when the user is on the blog and they search, it only returns blog posts, and when in the store and searching, they are only returned store results?
Thanks a lot for your video Buddie!
Hello there! I have a small issue! When i search now (products only) it bring be back to my product template rather than my search result page. Also, is there a way to display a custom message and image when there are not products to show?
Thank you for this! You're awesome!
Great, thank you so much
Thanks for this video. I want to ask if it is possible to have 2 search result pages working individually for posts and product search respectively. Also is it possible to create a custom loop item for product and blog post and then use these items to dynamically display either product or blog in the search result respectively.
Both are possible. You can use the Loop builder for the search results page, I’ve been using it and it’s great! To have different pages for products and blog posts results will take a bit more customizations but is possible
@@LytboxStudio Thanks for this awesome video. Could you please share info or advice on how to create a custom loop item within the search results page?
@@nikolacosovic3826 create an archive template in your theme builder, in that template built it out like you would a regular archive using the Loop grid, and then set the display conditions to search results. This way you can create a unique look for your searches. Usually a list view makes it easier for the person searching to find things. I have more in depth tuts around this coming up
Thank you for the woo code
Thank you!
Awesome, is their any way to edit (Search Result for:) title?
have solution how to organize search results with filters without plugins and other 3rd party? and with products variations displays as separates products. i did two tabs products and posts but when enable Relevancy plugin to extend search and show variations as products, Posts widget starts to show all type of content and imposible to exclude with Query Id too.
To create a better search results filter, I’d either use a good plugin that can do everything needed, or add custom code for everything. I wouldn’t mix a plugin and custom code for this.
What you can try it using ChatGPT and playing with some code snippets on a testing site to build something more advanced.
@@LytboxStudio which plugin
Really nice video, I use Elementor for all my sites as well haha. Can you make a video on how to make an archive page for blog sites with Elementor? A page that shows all the posts over the years with the date in a list so that it's easy to find articles from like 3 years ago....
Hey thanks I dig your YT name! I actually have an in-depth tutorial coming up on building a blog site with Elementor including making it SEO optimized. It’s coming up soon!
@@LytboxStudio Thanks man! Your website is the sickest I've seen!!! Look forward to the tutorial!
@@LytboxStudio woahhh cant wait for the tutorial so excited its gonna be very educational especially the seo part please use the hello theme for elementor for the tutorial thank you!
What if we have both products & Blog on the same website?
Good question. I’d identify the primary purpose of the site. Usually if it’s a large ecommerce store with enough products that search would be useful, then selling products is priority over content. In this case, I’d stick with products in the search.
I’d try and avoid 2 different search’s on 1 website.
can you use loop builder to create a more customisable search results page? At the moment it just seems like you are limited to the archive posts widget. Thanks!
Yes, you can
@ilianasam6814 Thank you so much.
hi when I try to paste the code below the child theme code in the php file, word press gives an error message and won't let me save the file, Can you help me?
Where is the code ?
There’s a link to the code in the description
Is it at least possible to keep products AND posts on search results simultaneously? Those two snippets don't work together...
Hey Renato, for now this is either for a blogging site or a woo site so it’s either posts or products. Originally this tutorial was just on how to show posts in search results but I threw in the products as a last minute bonus. I’m going to circle back to it and I have on my list of future tuts displaying both. I like your ideas of having 2 columns for post and products. Cheers!
try this one it worked for me :
function custom_search_filter($query) {
if (!is_admin() && $query->is_search()) {
$query->set('post_type', array('post', 'product'));
}
return $query;
}
add_filter('pre_get_posts', 'custom_search_filter');
I can't believe Elementor allows to create a search result page, but there is no way to filter the results.
hi lytbox, thank you so much for the tutorial and also bringing it to our attention. i used the code you provided and it worked for the search functionality we wanted but than my custom post archive were messed up it was getting queries from all of my wordpress posts. than googled about the issue as i didnt knew myself what was wrong and found this piece of code which works without affecting any posts widgets and any archives. i used this snippet and everything worked perfectly.
function remove_post_type_page_from_search() {
global $wp_post_types;
$wp_post_types['page']->exclude_from_search = true;
}
add_action('init', 'remove_post_type_page_from_search');