The NEW Loop Grid Taxonomy Filter - Elementor Wordpress Tutorial - Category - WooCommerce - Posts
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co.uk/how-to-star...
Book your 1-2-1 Consultation: websquadron.co.uk/socials
Elementor 3.15 brought out the NEW Loop Grid Taxonomy Filter - Elementor Wordpress Tutorial - Category - WooCommerce - Posts
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co.uk/web-design-...
🔗 All of our Important Links: websquadron.co.uk/socials/
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com/10565/3304295/
😃 Get Elementor Pro: be.elementor.com/visit/?bta=2...
😃 Boost your TH-cam Analysis: www.tubebuddy.com/websquadron
👕 Get our Merchandise: websquadron.co.uk/merchandise
🥹 Support us: paypal.me/Websquadron
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit websquadron.co.uk - แนวปฏิบัติและการใช้ชีวิต
Thank you for being fast, to the point, and clear. That's super refreshing for content like this. Hopefully Elementor gets those bugs sorted soon.
It’s a good start, and long needed!
Thanks for making it simple.
Thanks a lot for this video!!
Great video, thanks!
Amazing, thank you :)
I absolutely love your tutoring!
Thank you so much!
Thanks a lot for the easy explanation.
Most welcome!
Thank you!
how many years, we've been waiting / begging for this ...
Esclarecido. Muito obrigado por essa aula.
Great video btw
This works quite well ... 😁
Thanks for the video. I have multi language site with Polylang. This taxonomy filter shows tags for all languages and there is no way to select the necessary one. These why I can't use this method. Might be I will use tabs for filtering.
Hi Imran, thanks for your helpful video! Just one question - how can you make blog post badges to display only child categories and not have parent and child sorted alphabetically? (I'm using Elementor pro). Best regards from Spain. Lili :)
Thank you. Is it possible also to make a custom loop of Categories just like Posts?
Yes, if you build it as a Custom Post with links to Category Pages.
Thanks! Do you have a demo page with the tag filter (not category) in action?
Not at the moment
Thank you for the tutorial. Could you please show us how to add custom taxonomy product category. Thank you
I'll be doing that soon
It has problem here, upon click on each Tab of Taxonomy Filter, then the Posts are loaded in Loop Grid can be blinks, hide old data and append new data.
The animation seem to be not good. Any idea in here for fixing that issue?
hello , 1Q, can regenrating styles and css effect our current edtings on site and our custom css?. or it only refresh editor
Regenerating styles and CSS in the context of a WordPress site typically refers to recompiling or generating the CSS files that control the styling of your site's content.
Thus, this could happen if you make changes to your theme settings, switch themes, update plugins, or modify custom CSS.
Hi Imran is it possible to put the childrens of the parent category underneath? For example main category is colors and the child is red...i have many categorys with childs and i do not want them at the same line...Thank you
Not yet. This is a much requested feature and I am still exploring this one with a 'hack' way to achieve it.
Great video! Do you know of a way to add unique loop templates to posts depending on categories? So when you view all posts you can see different templates depending on which category that post belongs to?
Interesting - not that I know of yet but I bet there is a way.
@@websquadron yeah there’s likely a way to do it. I’m working on it for a client currently, if I find a solution il share it with you :)
I've been wondering about this too!
@@adultsplaysports I was unable to find a solution for this using Elementor alone. To achieve what I was looking for I had to add some custom JavaScript to the template
Thanks for another informative video. I am not sure if it works with Custom Post type taxonomies as its not picking up the Custom post type for loop grid as its not showing any data for loop grid in while creating template or page etc.
I'll check but it should be fine. Are you using Pods or ACF?
@@websquadron Appreciate your quick response. I use ACF latest version
@@ib4112 You need to make sure that you pick the Post Type inside of the Query Setting.
@@websquadron Post Type is selected as Galleries, but then nothing shows under other fields and under Preview Setting-> It only show Archive related dynamic contents such as Gallery Archive year, Date Archive, Search result. It seems have got the basic things wrong. I have raised case with Elementor also. Lets see what happens.
Hey thanks so much, this is exactly the function I was looking for!!
But is it right that I would need wordpress Creator's Plan which is 300 Euros/y and then also elementor pro to make it work? I really can't afford it :(
Just an EL Pro license that costs $59 per year
@@websquadronoh that's great, I'll look into that, thanks so much.
hi! Great video, it really helped. I have an issue with this widget, whenever I set it to any loop on. it doesn't work. I am trying to use it with the taxonomy set to product tags to filter a product loop grid on a product archive template, but with any product taxonomy I select, the loop grid simply gets blank (even when I select the "all" option on the filter). Any idea why this might be happening?
Regenerate the CSS and then go back to the page.
@@websquadron I tried that, but it didn't work unfortunately, still trying some other things
same problem here
yeah its very cool option, but insted of this you should use jet smart filter its much better, in this update nested accordion was good i loved that.
I preferred Gridbuilder
I changed to gridbuilder too. Jet Smart filters are awfull slow. Don't use them!
hey, when I click any category.the pagination does not work for me
Thank you sir
0:50 how do you add the category field under the blog post image? i dont want it to be a taxonomy filter i just want to have like a small text indicating what category my blog is automatically in. i only see options for the excerpts, author, title, time, etc, but i havent seen the category option
Add the Post Info.
Remove the 4 it gives.
Select Add Item.
Choose Terms.
Then set the Taxonomy to be Categories.
And then style it, remove icon, etc.
I love your tutorials. I use to see your content preliminarily when I have an issue. I have an actual request because I am stuck with elementor loop filter which is not showing taxonomy children on my website. What do you think?
Is the Loop Grid set to your Post Type or Custom Post Type.
@@websquadron It is set to Custom Post Type ❤
Hi! Thanks for you video! Do you know why i don't have the option "Taxonomy filter" in Elementor > Settings ? Loop is activated. I'm in France. It is available in France ? I need to be a beta tester ? Thank you!
Did you enable the Taxonomy Feature in Elementor Features?
It's okay, new version of Elementot today! Thanks for your content, it is very helpful!
Can we filter the posts by archive year with elementor pro?
You need to use Gridbuilder.
Hi. Imran i have another issue, archive pages are all on current query, the loop grids (i have 2) are showing up only on category, category child and direct child. Now the taxonomy filter in the blog page is giving me only the parent category...do i miss something? I've updated files and data...Thank you
I've forgot, the taxonomy filter is set to show child elements, until 6 levels...
There are a lot of ways to drive this thing crazy. 😅 It doesn´t work on an archive page - if used, the results don´t make any sense and it shows articles in every language (using Polylang). The only possible shortcut is not showing archive titles and avoid archives completely. Arranging by subcategories that someone has already mentioned would be also nice.
Hey, when i click on any post the feautured image that i have used comes in the top of page followed by the contrnt of that post, however I don’t wang the featured image to be in the content of post as well , please help with it
Are you using a Single Post Template? Difficult to be sure without a 1-2-1
@@websquadron i am using the posts widget and when i go to preview mode and open any one of the post, then the featured image follows to the top of the new page that is opened, followed by the content of the post itself.
I think that filter is quite useless for the moment. One serious addition would be a "connection" with grid loop's query namely if I have a particular category selected in loop grid I would love to see only the respective subcategories in filter
I agree, Im having the same problem. i want to only show a particular parent category and show the subcategories to the parent category
Would you recommend a free alternative to the WP Grid Builder?
Elementor’s taxonomy or the Themify product filter
@@websquadron, thanks, mate! I was checking the Elementor's, and it seems too simple, I'll try the Themify one to see the difference.
And thanks for all of your videos, they all have been of great assistance!
From where is coming the Taxonomy filter widget? I don't have that in my Elementor Pro. Is that an additional pluging? paid? Maybe I need to update Elementor.
Have you applied the Elementor Feature?
@@websquadron yes. it was the Elementor not updated. Thank you
Imran is there a way to select specific categories for the Taxonomy Filter? We don't want to show all categories.
Unfortunately no.
Not unless you use a Custom Taxonomy where you only show what you want to show for standard or custom post types.
How can the category be able to have their own landing page when clicked on?
See the new 3.21 taxonomy loop
Great video and Loop Grid Taxonomy Filter worked for a while but now I can only see the filter when editing in Elementor. 🤦♂
Have you got any Console or JS errors when inspecting?
@@websquadron It hasn't occured to me but the problem is now solved. It started when I tried to adapt the page (home page) for SEO by changing header tags from H1 to H2 in the loop grid where the filter was used. The filter just disappeared on the live page. After making several changes clearing browser and WordPress cache with no result, I noticed that other changes were not also visible. Only then I realised that the filter on the actual page /home was visible. Setting a static home page instead of "posts" in the WordPress Dashboard solved the problem. Thanks for trying to help!
Can I get this in Gutenberg or Kadence?
Nope you’ll need a separate plugin
Thank you for the informative video. Unfortunately, until this very simple taxonomy filter enables the selection of specific categories, more complex designs still require third-party plug-ins.
Yup, I still use Gridbuilder.
I'm having trouble showing tags.
In the back-office, when I eliminate the Loop Grid, and add a new one and select it in the Taxonomy Filter, all the tags show.... but never in the front-end.
I regenerate Files and Data in Elementor and nothing. As soon as I update the page in back-office where I have the filter and the loop, all the tags disappear...
And I also get a strange error in de console:
Uncaught TypeError: $ is not a function
at portfolio/:1004:1179
(anonymous) @ portfolio/:1004
The "portfolio" is the name of my page....
How to solve the problem while there are more than 2 lines taxonomy filters? for example 1st line for choosing color, 2nd line for choosing size, 3rd lines for choosing shape
Wouldn't you just put them below one another?
My categories or tags are always years. Without success I try to sort them from the most recent: 2023, 2022, 2021. The oldest year is always listed first.
Hmmmmm.... let me have a think about that.
When I select a category it is not showing the posts related to that category, do you know what that could be? Then when I click in ALL it does not change, it stays empty.
Depends on how it’s been built and if it’s driven by archive logic or query logic
Has "Loop" been moved out of features in the latest ver of Elementor Pro, that you know of since posting this vid?
Yup it’s automatically present now
I am using Elementor 3.17.3, but cannot see Loop in Settings > Features
It's automatically activated now
How is this different from Nested Tabs
Built differently
@@websquadron thnks😀
still buggy, filter doesnt work for now, still after regenerating css.. can select the loop, but its not filtering
Works for me. What else is on your site? Which plugins? Which theme?
It does not work. When i click on the tag in the taxonomy, there are no items that shows. Nothing happens.
Have you regenerated the css?
It does work.
The filtering system is a big disappointment. For a more complex website than this tiny example, it is terribly slow (3 to 6 seconds). And why the hell is there no animation (like the portfolio widget has)??? Now we finally have a filter system but we still have to use third party addons because this is so bad.