Loop Grid Crash Course - Elementor WordPress Tutorial

[@mariewhitehead]

Love your teaching style, and you anticipate so many of my questions and reactions. Thanks a bunch!

[@RahimMetaiche]

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

[@websquadron]

That means a lot. Big thanks.

[@Mr_Kenneth]

Loop Grids are phenomenal and defo makes life easier. Also loving Flex Grids for layouts. Both of these are s GODSEND

[@scottgroves6386]

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

[@SomeRandomNerdYo]

Amazing tutorial; very thorough and easy to follow! Thank you! Loop Grid is my best friend now thanks to you 🙌🏻

[@m0orash]

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. 😂

[@KieranMcCarthy]

Great tutorial, Imran. On point, no fluff and insightful.

[@websquadron]

Much appreciated!

[@MelTaylor]

Imran... This was very well done in regards to simplicity and narration combined with ez to follow visuals. Thank you. Very helpful.

[@websquadron]

Glad it was helpful!

[@jibberish666]

Great video dude. That’s a great overview of the loop grid. Thanks :))

[@websquadron]

Glad you enjoyed it!

[@bobbypalmer2460]

Another really great and informative tutorial - thanks Imran

[@pezreloaded8436]

Awesome tutorial! Gave me lots of ideas for layout types.

[@franzgrosser]

Love your content and insights. Brilliant Stuff. Thank you.

[@ingarnt]

Learned a lot thanks, would be nice to have stuff like "Latest", "most read post" tags on the posts as well dynamiccally.

[@gngmarketing6571]

Brilliant video thank you so much Imran!

[@josemiguelvillouta]

You are my best friend. Having a parasocial relationship with you at this point. I love you man

[@RaffetAli2006]

This is really awesome, thank you Imran.

[@websquadron]

My pleasure

[@hemanthboyapati3372]

Thank you for this video. I was just about to work on this.

[@websquadron]

You got this!

[@websquadron]

And keep an eye out for a video in 2 days, that takes it deeper/further with Custom Post Types to be more inventive.

[@MbonisiM]

I don't know what I am doing here but the keyword ELEMENTOR caught my attention

[@websquadron]

Ha :) It happens in a strange way :)

[@PerryWebCreations]

Thanks Imran! Great tutorial!

[@websquadron]

Glad you liked it!

[@nick_merchant]

Excellent!

[@mikenco]

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.

[@memechor2209]

great one

[@babayaga-m7o]

you are the best, now please explain how to apply this to your single post templates etc.

[@websquadron]

You would add in the Fields. Add headings or text, then click on the Dynamic Tags, or use [acf field = "field_slug"]

[@salmanrazakmemon]

Another zabardast

[@jasonbruton5131]

Thank you very useful tips.

[@jelliedfrogs]

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]

Interesting one. Quite tricky to make it alternate and never have 2 in a row.

[@jelliedfrogs]

@@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.

[@khairulislamshagar7410]

Thanks Brother

[@websquadron]

No problem

[@swaibazainab6739]

There is no option to choose the template type.What do I do?

[@devonrd]

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

[@devonrd]

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.

[@rajarashid3738]

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.

[@websquadron]

Ask ChatGPT-4o to create some custom code.

[@annablant7778]

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]

Difficult to be sure without seeing what you have built.

[@annablant7778]

@@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!

[@websquadron]

@@annablant7778 Yup I'm always using Hello. It;s. because a lot of Theme Devs don't keep their Themes updated when EL update.

[@annablant7778]

@@websquadron Thank you very much, very helpful! 😀

[@danielmihajlovski]

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?

[@websquadron]

Yes if you are using an acf field to pull the video url back

[@NicholasZein]

🙌

[@MEC_Tamil]

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

[@websquadron]

Have you set the right widths?

[@MEC_Tamil]

@@websquadron yes sir

[@rh619]

awesome

[@shopnonstop9156]

How to make horizontal post in loop grid

[@websquadron]

Mess around with the layout and just show 1 post per row

[@treyt7914]

14:00 loop grid starts here

[@websquadron]

Have you seen the updated version: kzbin.info/www/bejne/qICannmee7lnpdEfeature=shared

[@JamesSlatterySEO]

Zero intro = im not sure of i need this

[@websquadron]

Sorry that you felt that, but it's a crash course on Loop Grids.

[@JamesSlatterySEO]

@@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?

[@websquadron]

@@JamesSlatterySEO Keep an eye out later today :)