One of the best channels for WP Dev, You make complicated things easier (POV of a senior dev here ), Your hard work should be appreciated more one day. Wish you the best luck and success buddy
wow thats crazy i've been so scared of diving into the loop grid but out of necessity and with wanting to look into taxonomy filters there's no better time like the present! thanks Imran!
I have been looking for this exact tutorial since Loops came about. Brilliant tutorial. Thanks mate. When I first tried it, it said: create a template. I was like, hell no. LOL. You rightly said this scares people. 😂
How to sort by meta data? I have a ACF for 'events' and I want to sort by event date, and hide events whose date has expired. BTW, great explanation of the 'second template' thing.
Awesome video, explains the Loop Grid capabilities well. Here's one for ya. What if you have an alt template in position 2 and disable Apply Once, so it displays a different template every other post..... BUT you have an even amount columns?? The same template will display below. Do you know of a way to apply a "chess board" effect, so every other row applies the alt template to position 1 rather than position 2?
@@websquadron If I eventually figure it out, I'll let you know haha. I have 4 in a row on desktop and 2 in a row on mobile so just looks odd without that "chessboard" effect.
Thanks for a really helpful video. I have set up a loop grid for my news page (all blog posts page). I have then done a taxonomy filter for categories which appears under the page title and so can filter categories on that page. How do I put this same taxonomy filter for categories on an individual blog post page? So the user can still see the categories whilst on an individual post aswell as on the news (all posts) page etc? So they can easily return to a category if they want. Because when I have tried to insert a taxonomy filter on the single post template it doesn’t display any loop grid to link to. So I can’t insert a taxonomy filter here. Thanks for your help. :)
@@websquadron thanks alot for replying. i dont think i will have many categories. that is an idea. i'll see if that can look right and work for screen readers too. thanks again
Hello. I need to create a portfolio of videos, something like a video gallery linking videos to YT. Is it possible to use the loop item to loop through videos and then filter them based on an assigned category for each video?
Thank you! But have you encountered the problem, when the columns within the loop grid show up very narrow, so it's impossible to work on them. Basically i have very narrow columns and very wide gaps between them. There are no settings which could change that. The only way to make it appear normal is to set the number of loop grid columns to 1. So I basically have to work with this layout for preview and then switch to 3 columns when I'm done. Has anyone else encountered such issue? I searched all the internet, changed browsers, tried practically anything... Do you by any chance know the fix?
@@websquadron You know, I contacted them and found the problem. They say Elementor sometimes fights with the themes of other manufacturers, so they recommend using Hello theme only. The problem was solved when I switched to Hello. So I wonder, are u using Hello always? Or is there any other theme i can use without having this conflict? Thank you!
Could you check back because the menu doesn't look anymore the way you show it. Pagination and query are missing and I've spent hours now on YT and Google search trying to find how to simply display pagination between the loop grid with my blogposts. It just displays the latest 10 posts and nothing more.
Question: How to display this loop grid in desktop, but make it carousel in mobile? You might dont want to create separate because we want to track the click, which button and which container. Hence only one widget.
I haven't been able to get it set up. The layout of elementor has completely changed and hitting "publish" does not get the same result as you. When I add the template to a new page, say "Blog" (where I want to show the different blog posts), the template relates itself to the page itself, instead of querying the blog posts
Hello, I followed several Loop grid and loop element tutorials from you. Unfortunately though, when I add a button to the loop item and set it's margins and paddings, it looks great on my browser. But when I go into preview mode or check in an inkognito tab, nothing matches. All items, especially the buttons, are all over the place. Any idea ?
One of the best channels for WP Dev, You make complicated things easier (POV of a senior dev here ), Your hard work should be appreciated more one day. Wish you the best luck and success buddy
That means a lot. Big thanks.
Perfect timing and save me $40 for something didnt do as much
You are the one teacher that has coverted my joomla habbits to WP
wow thats crazy i've been so scared of diving into the loop grid but out of necessity and with wanting to look into taxonomy filters there's no better time like the present! thanks Imran!
Loop Grids are phenomenal and defo makes life easier. Also loving Flex Grids for layouts. Both of these are s GODSEND
Love your teaching style, and you anticipate so many of my questions and reactions. Thanks a bunch!
I have been looking for this exact tutorial since Loops came about. Brilliant tutorial. Thanks mate.
When I first tried it, it said: create a template. I was like, hell no. LOL. You rightly said this scares people. 😂
Extremely helpful, thank you!
Great tutorial, Imran. On point, no fluff and insightful.
Much appreciated!
Amazing tutorial; very thorough and easy to follow! Thank you! Loop Grid is my best friend now thanks to you 🙌🏻
Imran... This was very well done in regards to simplicity and narration combined with ez to follow visuals. Thank you. Very helpful.
Glad it was helpful!
Learned a lot thanks, would be nice to have stuff like "Latest", "most read post" tags on the posts as well dynamiccally.
Another really great and informative tutorial - thanks Imran
Great video dude. That’s a great overview of the loop grid. Thanks :))
Glad you enjoyed it!
Awesome tutorial! Gave me lots of ideas for layout types.
Love your content and insights. Brilliant Stuff. Thank you.
Brilliant video thank you so much Imran!
This is really awesome, thank you Imran.
My pleasure
Thank you for this video. I was just about to work on this.
You got this!
And keep an eye out for a video in 2 days, that takes it deeper/further with Custom Post Types to be more inventive.
How to sort by meta data? I have a ACF for 'events' and I want to sort by event date, and hide events whose date has expired. BTW, great explanation of the 'second template' thing.
You are my best friend. Having a parasocial relationship with you at this point. I love you man
Thanks Imran! Great tutorial!
Glad you liked it!
Awesome video, explains the Loop Grid capabilities well. Here's one for ya. What if you have an alt template in position 2 and disable Apply Once, so it displays a different template every other post..... BUT you have an even amount columns?? The same template will display below. Do you know of a way to apply a "chess board" effect, so every other row applies the alt template to position 1 rather than position 2?
Interesting one. Quite tricky to make it alternate and never have 2 in a row.
@@websquadron If I eventually figure it out, I'll let you know haha. I have 4 in a row on desktop and 2 in a row on mobile so just looks odd without that "chessboard" effect.
you are the best, now please explain how to apply this to your single post templates etc.
You would add in the Fields. Add headings or text, then click on the Dynamic Tags, or use [acf field = "field_slug"]
Thanks for a really helpful video. I have set up a loop grid for my news page (all blog posts page). I have then done a taxonomy filter for categories which appears under the page title and so can filter categories on that page.
How do I put this same taxonomy filter for categories on an individual blog post page? So the user can still see the categories whilst on an individual post aswell as on the news (all posts) page etc? So they can easily return to a category if they want. Because when I have tried to insert a taxonomy filter on the single post template it doesn’t display any loop grid to link to. So I can’t insert a taxonomy filter here.
Thanks for your help. :)
Do you have many categories? Because you may want to consider adding buttons styled to resemble your taxonomy filter that lead off to category pages.
@@websquadron thanks alot for replying. i dont think i will have many categories. that is an idea. i'll see if that can look right and work for screen readers too. thanks again
There is no option to choose the template type.What do I do?
Hello. I need to create a portfolio of videos, something like a video gallery linking videos to YT. Is it possible to use the loop item to loop through videos and then filter them based on an assigned category for each video?
Yes if you are using an acf field to pull the video url back
Thank you! But have you encountered the problem, when the columns within the loop grid show up very narrow, so it's impossible to work on them. Basically i have very narrow columns and very wide gaps between them. There are no settings which could change that. The only way to make it appear normal is to set the number of loop grid columns to 1. So I basically have to work with this layout for preview and then switch to 3 columns when I'm done. Has anyone else encountered such issue? I searched all the internet, changed browsers, tried practically anything... Do you by any chance know the fix?
Difficult to be sure without seeing what you have built.
@@websquadron You know, I contacted them and found the problem. They say Elementor sometimes fights with the themes of other manufacturers, so they recommend using Hello theme only. The problem was solved when I switched to Hello. So I wonder, are u using Hello always? Or is there any other theme i can use without having this conflict? Thank you!
@@annablant7778 Yup I'm always using Hello. It;s. because a lot of Theme Devs don't keep their Themes updated when EL update.
@@websquadron Thank you very much, very helpful! 😀
Could you check back because the menu doesn't look anymore the way you show it. Pagination and query are missing and I've spent hours now on YT and Google search trying to find how to simply display pagination between the loop grid with my blogposts. It just displays the latest 10 posts and nothing more.
Are you using the Elementor Loop Grid as it's always been there.
I don't know what I am doing here but the keyword ELEMENTOR caught my attention
Ha :) It happens in a strange way :)
Question: How to display this loop grid in desktop, but make it carousel in mobile? You might dont want to create separate because we want to track the click, which button and which container. Hence only one widget.
Ask ChatGPT-4o to create some custom code.
I haven't been able to get it set up. The layout of elementor has completely changed and hitting "publish" does not get the same result as you. When I add the template to a new page, say "Blog" (where I want to show the different blog posts), the template relates itself to the page itself, instead of querying the blog posts
Nevermind! I was adding the template to the page. This caused the problem.
I had to add the loop grid widget to the page instead. This fixed it.
Hello,
I followed several Loop grid and loop element tutorials from you. Unfortunately though, when I add a button to the loop item and set it's margins and paddings, it looks great on my browser. But when I go into preview mode or check in an inkognito tab, nothing matches. All items, especially the buttons, are all over the place. Any idea ?
Have you set the item before the button to 'grow'? And set the container to be space between?
@@websquadron I haven't set them to grow and and I didn't set the container space
Thank you very useful tips.
Excellent!
Hi sir
I have selected 5 posts per column in elementor loop grid but in live website it 2 post per column how to solve the issue
Have you set the right widths?
@@websquadron yes sir
great one
Another zabardast
Thanks Brother
No problem
14:00 loop grid starts here
Have you seen the updated version: ruclips.net/video/rO7mFhFT4oo/видео.htmlfeature=shared
How to make horizontal post in loop grid
Mess around with the layout and just show 1 post per row
🙌
awesome
Zero intro = im not sure of i need this
Sorry that you felt that, but it's a crash course on Loop Grids.
@@websquadron yup got that from the title. What i didnt get - a use case scenario. Who is this for? What does this feature allow u to do?
@@JamesSlatterySEO Keep an eye out later today :)