Blog Filter for Elementor with No Plugin and No Code - Elementor Wordpress Tutorial 

Brilliant and really valuable! If you want to maintain a nice look on your site your method works best. I found that the two templates are needed. It works with one template as well, but when you click on a category the system throws you to an ugly self-generated page as you mentioned. With your method you form your page as needed and maintain a perfect look. Million thanks for this and all your efforts! 😊

I'VE BEEN LOOKING FOR THIS EXACT SOLUTION FOR WEEKS! THANK YOU!!!!

Great video tut Imran! Super easy-to-follow and put into immediate action!

Another clear, simple tutorial that changed my site for the better. Thank you!

This is the perfect simple post filter menu! Imran, you truly are the GOAT.

I am delighted with your simple explanations!

Perfect! This is just what I've been looking for. Greatly appreciate the concise but comprehensive explanation. I can attest that it's idiot-proof, because even I could do this.

Perfect! Just what I was looking for...and with excellent explanation! Thank you very much!!!👍

This video saved me sooooo much headache!!!! Thanks man! Not sure why I never thought of that!!!!

Damn man, I installed all kinds of elementor related add on plugins and still couldn't do it on my own. Absolutely legened mate, thank you!

That's a very nice trick. This is what I needed to create "tabs" to show the post content. Thank you!

really nice Imran!!! the ironic thing is though the Portfolio widget will accept posts and has a filter bar option but the actual Posts widget does not and we need to do all this lol 🤣

This is awesome. I used the same theory to set up filters in Gutenberg. Thsnks so much!

Thx, i was looking for this. Gracias otra vez

OMG! U R MY MAN! THANKS!!! i was looking for it all day long

Great video brother, been looking around for a decent solution, this was simple and clean, thanks for sharing

Very clever. Thanks for sharing.

tnx, Thats great. i Like Your "without plugins" or "no plugin" Tutorials

Excellent tutorial mate

Very clever ! Thanks !

This was a really good strategy to get the filters without a plug-in

Thank's for the video! Great job!

Thank you! Brilliant!

beautiful, Thanks!

That was awesome! Thank you!

Great video!!! Thanks a lot!!!

Really, you save my life!!!!!

Yes! Thank you very much!

This is what I'm looking to get done. A little intimidating the process, but i all try it out.

Top Man ! Merci beaucoup

Thanks!

Excelent tutorial my friend, now it would be nice to know how to create an animation for the post to show.. jeje!

Thank you so much Imran for this helpful video. I was wondering though if this method could also be applied to a loop grid not just the post widget, somewhat as you described in your other recent video « Loop Filter with Nested tabs », but using the menu widget instead of the nested tabs widget.

That's amazing. No code no plugin. Maybe the only cons is that you load a new page and if the website is not fast enough the UX could be affected. Anyway, it is worth it.

Good video! Just a heads up, idk why but i had to add a non-default "Category Base" text in "Settings -> Permalinks -> Category Base". Default was just a dot (.) and i had to change this to something else.

Incredible stuff my man, thanks! Can it be done with products and woocommerce as well ?

Hey! This worked so great for me till yesterday when all of a sudden it has stopped loading in the templates in the live page so I only get header footer and blank in body section. When checking editor it works as well is in preview mode but not in live mode. I used ACF pro to create custom post types and taxonomies and used polylang to translate them. It worked just great for weeks so I'm confused what I could have done to it?

THank you for this explanation. How to show all posts without filter again after clicking on a category filter?

Hi there, thank you for the informative video, it really saved my life :) Though I tried to insert the template back into my main blogs page and it became all messed up - the post contents started showing up underneath the blog widget column (Blog filters template). Do you have any suggestions on how to fix it? Thanks so much in advance !!

Is there a way to assign a particular category from the many to be selected by default?

Thank you for this fantastic tutorial for a small business owner who is creating his own website! I am only coming across one issue when it filters and shows only the category, and the transition is slow. Do you know why this may be?

Thanks for the video. Its an awesome work around however, when I click on the categories we have created the page refreshes and the wordpress header, logo and menu appear. Is there any way to prevent that? I want it to show my elementor menu and header

This worked great. Thanks for the super clear explanation. I have one question. Is there an easy way to filter by two categories at once? For example, I'm currently able to filter by diet type (vegan, vegetarian, etc.) or meal type (lunch, dinner, dessert, etc.) separately. However, I'd like to be able to filter by diet type and meal type at the same time. So, Ideally I have a drop-down for each category and can select items from both and it would direct me to another page with those query results. Hope that makes sense. Thanks so much for the video!

Thanks for the video, it was brilliant. What if I have two main categories with their own under categories to display in two different archives page? thx for your attention.

My layout has a large header graphic above the category menus - which I added on the archive template. When user select a category filter - it works correctly, and goes to the cat page - but user now has to scroll back down mid-page to see the posts. Is there a way to have it "jump down" x amount of pixels when a category menu button is clicked? OR a way to make it update with Ajax? thanks again!

Thanks for the info. Have you done this using ACF?

Hello, this tutorial is fantastic! I have a problem, I follow all the steps, I create the 2 templates, but how can I apply the operation on a page? In the video the test is done in the same template and it works there, but copy the file to a page and have it work? For example, I have a page called "blog", there I drag the Archive widget, and it doesn't work. I have tried to copy the shortcode from the first template, and it doesn't work either. Thank you so much !!

great but question- how would i make an initial category page so when someone clicks blog it goes to a category page listing different categories like "news" or "finances" etc and then when someone clicks on a category, it goes to this page with that category highlighted?

Nice trick 👍🏻 Well done 🙂 But I think it will not be always practical...

ciao hello, great video. I would like to ask you if it is possible to do something like this without elementor pro, and then with one of the plugins you can find

Great video and work like a charm. Would you know how to exclude a post category ? I organise that my blog and portfolio are all post. I have an archive for the all blog then one only for portfolio. So I don't need to play within the pages.

hey Imran, i'm kinda wondering if this only work on the original post archive of wordpress or wordpress elementor? I am trying to create a category filter for my event post which was created using ACF but I followed everything on your video except using my event post archive, but whenever i use the filter and click the filter menu, it just goes to a blank page and doesn't actually filter anything even my event filter has their own category. What do you think is the problem? Thanks in advance for all your helpful tutorials.

Question, does this method reload or go to a different page? If we had content above and below but don't want that touched will that be affected?

Thank you for this great tutorial! I would like to apply this to a CPT, but unfortunately it doesn't work.

Hi Imran! Thanks for an excellent tutorial. I followed your instructions on my blog and I think I got this working correctly. However, I have a question. Should this technique work without the browser reloading when we select a category from the nav menu? Or does this allow AJAX filter for posts? Currently my browser reloads and the URL changes when I click my categories. I'm just wondering if I got this working properly. Thanks!

I've set my 'Layout>number of posts to 9'. But it just displays 3 posts at a time for 'Blog filter Results' ? I've noticed at 1.25seconds your settings are also the same! Is there a way around this? Would really appreciate your input and also fabulous video. Really helped me in my new job :)

I'm curious as to the effect of the algorithms from the google camp though, we all know if they find (what they think) is duplicate content, then they bash the stuffing out of your (score, if you like). I can see the worth of doing it vs adding yet another plugin but.... just a curious point.

I'm running into an issue with this. It works perfectly for one menu and post type. I have a site with two unique post types (taxonomy), and I want to allow the user to filter them as well. The problem I'm running into is even if I create a new menu for the second set and place it on a page since there is a template built and tagged with "all archives", the new page filters just point to the "all archives" template. I hope I'm explaining that correctly. Any ideas? (SUMMARY - Page 1 - Menu A for standard posts. Templates built based on Menu A and "All Archives" tagged on one. Page 2 - Menu B for special post taxonomy. When a menu item is clicked, it goes to the template tagged with "All Archives" and the results aren't shown.)

Is there also a way to display the category name above the selected category? So for example, when I have selected All products it says all product above the products, when I select Tools, the H1 above switches from All products to Tools. Is that possible? And how?

Great tutorial but ince we have created the archive, how do we add it to a specific page because we have 2 blog pages: Employer Blog & Job Seeker Blog. So if we follow this video we will have to create 4 archives whcih is fine but I cant figure out how to add them to the 2 seperate blog sections.

Amazing video! Will this only work with the Pro version? As I can't see Archive to choose from when creating a new template

This is so brilliant! But I encountered a question and don't know why. I cannot find an "archive" type when I try to build a new template. Do you know what's wrong with it :( I REALLY need your help. Thx a lot

Does that trick only work with the post widget or also with other widgets like the CTA which I have turned into a "post widget"?

love it, but there is a way to do that with code and the new loop builder and without reloading the web page?

This is exactly what I'm looking for but when I go to insert the template into my page it only loads the menu and not the posts. When I view the template it shows both the menu and the posts. What am I doing wrong?

This could be a great solution but I am missing something. When I add the template to a page and I go to that page the page is blank. I need to click on the menu to get a result set. Can anyone tell me what am I missing? It would be useful to have all items when I first go to the page. Thank you

Hey! Great tutorial! Only issue is that when you change the Source in the Query section, it then loses the pagination which should appear under the posts! Do you have a fix for this?

I followed every step of the tutorial, I watched it several times and followed its steps, but in the end, the filter did not work as expected. When clicking on the nav menu it will forward to a different page. One nav item will forward to the homepage, another one to the same page but without the navbar and another nav item will forward to a different page of my website. What am I doing wrong?

Hey Imran! I have made a filter menu based on your video and the filter itself works as it should. the problem occurs when I have made a dropdown menu and designed it. For now, I have designed the dropdown menu, but when I click on a category, the design I have made disappears. Hope you understand what I mean and can help me with the problem

Hello Imran, I have been binge-watching all your videos, I have a quick question: to make it responsive for mobile version - i don't want to have the hamburger icon rather a horizontal scroll of the categories - how can i do it? Thank you soo much!

I create that but pages reload on every time when I change category page. I need something dynamic "like no page reload"

"All" category does not appear, do i have to create it?? If i do will it work well? or will work only when the tag "all" is given?

I am using 'Archive Posts' instead of 'Posts'(what you used). In Archive Posts there is no option to change the query. Is there any way around that or do i have to use posts instead. Thanks

In your video, when you click on the categories the page refreshes and then show the items.

I try this but by clicking on the menu i go to a new url - /category/All . What do I do wrong?

This is so great, but I don't have the option Current query. What do I do wrong? I follow the steps exactly..

What if you want to do this with ‘projects’ and ‘blogs’ separate?

For some reason, the filtering is not working! I've checked all the steps multiple times but still, it's not working. Instead, it's showing me all the results. Can you please point me in the right direction? Thanks!

It works fine within the template, but when I want to publish that template as a page, it doesn't work well anymore.

Why do you have to select all post first? What if you want to filter for course archives as well through tutor LMS? Shouldnt you just select all archives

This is a grat video but there is a big problem when switching on mobile mode.

Okay I followed everything and it works! But how do you make it look like you stay on the same page? I'm trying to get that to work but i failed so far :(

Can you create like this for multiple categories? ex. Blog page > all , dummy , fake , sample. And then Companies page > with different nav and different posts and filter them the same?

Mine not filtering on the page. It's taking me to a new page with the results. How do I fix that?

Great Tips! Does it work with CPT UI Posts ?

Does this work with custom post types as well?

Although I have made this for my client bt still I was wondering how we can do this... then I remembered oh.. I actually have done this before😂😂😂😂😅😅😅😅

the archive option and the publish conditions do not pop up for me

You are my hero... but... yes there's a but (ekkk human error I assure you)... How do I add this to an already created 'Blog' Page that's been styled independently on a website? I attempted to add the 'template' as a container on the page and it didn't work.

I want to make a blog post filter without refreshing the page. How can I do that using Elementor Pro.

Is it possible that this does not work with loop grids?

Hello my friend! Is this Elementor basic or Pro?

Could you make a checklist that does this?

can i do this with my product lists

The Sitemap Widget can be hacked to do the same thing ainna?

hi deos this work with products too ?

how to add drop down filter for free on post loop grid or product loop grid ?

but still you gonna need ele;entor pro for archive section

Mobile friendly?

it's not working for me😔😥