OXYGEN REPEATERS DEMYSTIFIED: When, Why, & How to Use Repeaters in Oxygen

[@alperenozkan]

I am watching Kevin's tutorials even in my free times. I learn a lot every time I watch. He is trying to teach the concept and very inspiring for me. Thank you Kevin!!!

[@amitjangra6454]

This tutorial deserves 10million likes. Thanks Kevin

[@MrMaravish26]

Awesome video! Would love the premium tutorial on repeaters and potentially optimal ways of setting up CPTs and ACF for real use cases!

[@Gearyco]

Announcement this week. Get on the list digitalambition.co/list/

[@fabioalferii]

Hi Kevin, thank you! Yes, I would love to have a deep dive into Repeater and Advanced Query....can't wait to!!

[@MikeSmithAus]

Thank you for showing both the old and new way. You pack a lot in. Mini lessons I learned here: - use CTPs to breakdown logical structure and support easy queries - use a site map to plan urls for SEO - creating posts via the menu??? what the... awesome! - custom query uses url slug. Ahh... - use Oxyninja utility classes, not just for layout but for RESPONSIVE layout. Wow, what a time saver! - work on cards outside the repeater initially. - reminder about the magic of absolute positioning, and TDIL about object-fit: cover; - cool quick hover effect - pexels and squoosh - insight into Oxy 3.8

[@Gearyco]

Nice breakdown!

[@stefankontrus]

Hi Kevin, thx for another great tutorial.. I'd be interested in a "Master Repeaters tutorial" at a nice:-) price tag, especially if you show (without using a premium plugin like WP Gridbuilder as well) how to add e.g ajax load more, custom paginations and stylish filtering options,.. ;-) Greetings, Stefan

[@Gearyco]

Announcement coming this week!

[@YasienSarlie]

Awesome video. I am keen on the premium deep dive repeaters!!!! This is gold.

[@Gearyco]

Announcement this week!

[@jamestaylor7021]

Another fantastic video. Advanced query builder seems very powerful, but a lot to wrap my head around. Thanks again for your time and dedication making these great vids that help us plebs up our game :) Respect!

[@eightysevenweb]

You can also use a plugin called "Bulk Press" to quickly create a ton of new posts, pages, custom posts, etc. You can even give them custom permalinks if you need to. Super handy plugin!

[@petermuller1156]

Last update for that plugin was 6years ago

[@nielstieman9594]

I would love too see a more complex situations with repeaters. The pro's and con's. Things to think about. I love your tutorials, great work. Thanks!

[@gyan508]

I have been watching your videos since last night. You made me your Fan. Salute "Hero".

[@AnandDavis]

Hey great Video, I just wanted to add that, if you dont want the pagenation and want all the posts to show. You just need to set posts_per_page to -1

[@onepointech2329]

I really enjoy watching your videos. So helpful!

[@medinacevapovic9593]

Hi, love the tutorial! Is there a way to add tabs to filter out the content in the repeaters?

[@HeyTylerMartin]

I’ve got my Webflow guy. I’ve got my Elementor guy. Ive jumped from Oxygen tutorial to oxygen tutorial, and for the most part have been unimpressed. But you are officially my oxygen guy!! Great videos!

[@Gearyco]

Hate to disappoint you … switched to Bricks a while back. Better than Oxygen. Check it out!

[@Gearyco]

OxyNInja is what I used to quickly turn the repeater into a grid (not required, though) at 10:30. If you want to support the channel and speed up your workflow simultaneously, consider purchasing OxyNinja through my affiliate link: go.digitalambition.co/oxyninja/

[@priyanshurohilla737]

sir why dont you try oxymade . no one is covering them ?? why ?

[@sheldonharding]

Hi Kevin can you do a tutorial on sliders and carousel from oxy ninja ? Also how you going about using the carousel in grids in oxy ninja ? That would be a be help.

[@rizqohchoirunnisa8084]

thank you so much keviiiiiiiiiiinnnnn.....I'm so happy to found your channel! I think it's always have to use paid plugin to achieve this amazing thing but it seems it doesn't need any. I am on the way to use oxygen as my main website builder.

[@eucalyptech]

So useful as usual ! Thank you Kevin !

[@davidrobertson6371]

Another great vid, so oxygen is just basically just running a for loop over the CPT. Pretty Cool

[@carloscampos3806]

Excellent as always. We want more? for sure !!

[@jayallbritton919]

This is great. I hope you make videos about filters and advanced queries in oxygen, since those things drive me nuts.

[@wimrotor]

Thank you! And absolutely interested in advanced repeaters tutorial :)

[@AmandaLucaseu]

Great video - love to see more on the advanced queries

[@supermikemr]

Looking forward for the Master Dr. Repeater lesson :). Great job you do, thanks!

[@Gearyco]

Announcement coming this week!

[@supermikemr]

​@@Gearyco ​ don't want to "ask" a lot, as your tutorials are always interesting... but maybe interesting also for other folks, I have some troubles setting an archive page (CPT Taxonomy), where you have an intro text overlaying a dynamic background image (of that particular CPT Taxonomy) and then the repeater shows the different CPT Posts you query... Problem is the background image of that taxonomy...

[@joshstauffer]

@@supermikemr Maybe use ACF Pro to add a background image input to the taxonomy. Then you can assign a background image to the taxonomy which you can utilize in Oxygen.

[@cokidevssiregar2474]

can't wait again and again ... notify is on :D

[@sumerianbrother]

Picked up another great gem on how to add faster cp items. Much appreciated! Any way you would be interested in diving into ACF flexible content next for the more advanced users? Anyhow, love your delivery style - even tho I mostly don't need it, I still watch em for the small gems. Cheers!

[@Gearyco]

Sure can! Thx :)

[@Leavventuredifrucci]

Great tutorial as always! I am very excited for what's coming next!

[@dirkkeysser7407]

Thanks for all your videos. Totally awesome stuff. I'm in for the advanced repeater tutorial.

[@Gearyco]

Awesome, announcement this week :)

[@tonifrisch1075]

Hi Kevin, what is the tool you are using to build this sitemap structure?

[@Gearyco]

Whimsical

[@Claudio_W]

cool, I'm building a custom query with 3.8 today and didn't know how to hide the pagination, thank you! In the meantime, you can find terms in dropdowns with a standard chrome browser search

[@Gearyco]

Thx :)

[@CLiKTradingEducation]

Great content.

[@paulhildmann8392]

Great tutorial! Thank you. A deep dive tutorial into repeaters would be really helpful. Using MetaBox would be icing on the cake. 😎

[@Gearyco]

There’s no native metabox integration with oxygen yet :/

[@paulhildmann8392]

@@Gearyco, that's disappointing. I bought MetaBox because it had the functionality without additional plugins.

[@suzannebaker8053]

Thank you for another awesome tutorial! I look forward to these so much, they are pure gold. I would be very interested in a premium deep dive tutorial!

[@Gearyco]

Announcement coming tomorrow!

[@faizsheikh9442]

Thanks Kevin.... Excellent knowledge sharing & learning a lot from your videos. Would love to see a tutorial for how to effectively use relationships with custom fields & post types.

[@Gearyco]

Make sure you watch the video on top ten uses for CPTs. I talk about relationships in that video.

[@hackaniceday]

that is what i am looking for, thank you!

[@daniibnualfatoni]

Woow amazing tutorial, thankyou so much... This is great!

[@parusha33]

Great really helpful - deep dive would much appreciated

[@AquashiiMusic]

Hi, thank you for this tutorial! Super helpful. What site map app did you use please?

[@Gearyco]

Rankmath Pro

[@AquashiiMusic]

@@Gearyco appreciate your reply man. You are an excellent tutor!

[@AquashiiMusic]

@@Gearyco I just checked this out and it looks fantastic! Can I confirm though... Is this what I am seeing 3:15 (Auto Sitemap)?

[@Gearyco]

@@AquashiiMusic ohh that sitemap. I use whimsical.

[@AquashiiMusic]

@@Gearyco awesome thank you!

[@loukaskouros9438]

Very good tutorial bravo!! The paginations not working, is there any method? :)

[@ErwanManchec]

Awesome tuts, but how to get a custom imaze size in repeater, so we can load the perfect size needed

[@Gearyco]

Hopefully they add this to oxygen!

[@geekjoshi]

Looking forward to this....

[@stevenlee8256]

Nice tutorial, in 19:12 you change the custom css's editor skin , which plugin can do that ? I didn't see that drop-down to select skin .

[@Gearyco]

It’s default feature in oxygen 3.8

[@stevenlee8256]

@@Gearyco thanks,

[@JonnyPez]

This is great. I would love to see the "deep dive" version, especially if you replace the posts with WooCommerce products. Did that video ever get made? Is there a list of videos in the Inner Circle somewhere? I'm very curious--Thanks for this awesome channel.

[@Gearyco]

There is a roadmap link on the sales page. That link will also show what is already published.

[@JonnyPez]

@@Gearyco Joined! -- Looks like a lot of content. I'm looking forward to diving in.

[@danielkumar5195]

Notification is set 👍🏻

[@indxmediapro]

Hi Kevin, what screen recording app do you use please? Your video looks very smooth. Thank you.

[@Gearyco]

Ecamm Live Pro

[@indxmediapro]

@@Gearyco Thank you. Love your videos, they are very helpful.

[@andrew.schaeffer4032]

Thanks for the video! I have a construction website coming up and hope to use the repeater for the portfolio page. May also use the repeater for a law site service pages - just working through how I'd get the hero pic on the repeater.

[@gerard3073]

Thanks for sharing! How can I configure the repeater to create the product category template? For example, to show me the products only of the category that I am seeing and to be able to show 20 products per page? With the default query option it shows me the "current category" but I can't decide how many articles to show.

[@Gearyco]

Yes you need to use the advanced query builder.

[@WolfG11]

Great video, thanks! Please do a deep-dive on repeaters. Thx! Oh, one more thing... ;) I would love to see your ideas on optimizing for core web vitals, especially CLS on Oxygen sites.

[@Gearyco]

Yep! On the list :)

[@misfitmedia9086]

Thanks for this tutorial, it was just what I was looking for. I was wondering if you could do a video on SEO sitemap and how to plan a site for SEO purposes?

[@Gearyco]

Yes, I will be doing SEO content as well.

[@simonpheasey3541]

Hi, thanks for a great tutorial, any idea how you add an ‘if empty’ output to a repeater? I.e. if there are no entries it outputs a message or something to that effect?

[@orlandojpg]

Kevin, What about if I want to change the feature image to a feature video? Have you done it?

[@Gearyco]

Yes, it can be done.

[@matthiasfrank2020]

I'm just getting into Oxygen and building websites and your videos are such a great help - thank you for that! I had a quick question while using a repeater and the oxininja utility classes for grids. Is it possible to reverse the order of every second column like in flexbox? My cards inside the repeater have a columns-2 layout with an image in the first div and the text part in the 2nd. So far, trying to get them to alternate has been an impossible task, do you have an idea how to achieve that?

[@Gearyco]

Yes watch my OxyNinja grid video I show how

[@matthiasfrank2020]

@@Gearyco thanks, will do so! You don‘t happen to be on twitter? Had to give you a s/o there for your amazing work here but couldn’t find you - twitter.com/growthcurrency/status/1426388889279729666

[@fescobedov]

Incredible tutorial! However I am facing a problem. Since I am using sticky header, when I scroll, the cards are over my stick header. How could I fix that? Thanks in advance

[@Gearyco]

Z-index

[@BradtheWest]

Hi Kevin, great tutorial, just wanted to know how much using custom fields with querying affects site speed?

[@Gearyco]

Haven’t seen any performance issues at all.

[@joshstauffer]

Nice video. Question: if you design a repeater on one page, how do you use that design on another page without recreating it? E.g., your CPT is repair, you create a taxonomy so you can have foreign Makes and domestic Makes. You want to design one repeater and show foreign cars on Foreign Makes page and domestic cars on Domestic Makes page.

[@Gearyco]

You can make the repeater a "re-usable part." You could also just copy/paste it to the new page with Hydrogen Pack. You can also add the whole section the repeater is in to the Layout Library.

[@joshstauffer]

@@Gearyco three solutions... fantastic.

[@ДаниелЛидиянов]

Hey, thank you for your tutorial. Can you please explain if it is possible to implement a Repeater into a Slider element? I want to create dynamic slides based on the number of instances in the Repeater. But the oxygen Structure panel does not allow me to place anything between Slider and Slide elements. Thanks!

[@Gearyco]

It’s been a while since I have used oxygen, but I believe they added a dynamic slider element.

[@liviustanciu165]

Great video! I would like a premium Repeater tutorial :)

[@Gearyco]

Announcement this week. Get on the list digitalambition.co/list/

[@LastKingOfAtlantis]

Thanks so much for this awesome video! Just one question, can it be used to show specific CATEGORIES from WooCommerce? So not all products, merely a link to the categories set up?

[@Gearyco]

In 3.8 I believe this is much easier to accomplish.

[@LastKingOfAtlantis]

@@Gearyco thank you :)

[@jasonvargas4798]

These videos are amazingly helpful. Any chance you could do one on BEM and structure? I think that is one of the best aspects of your videos, I love your organization! Also in agreement with everyone else, premium training would be amazing.

[@Gearyco]

Stay tuned :)

[@beehivenetwork2099]

Hi Kevin, thanks a lot for this. I just stumbled on on your channel and I love it. Master Repeaters tutorial would be great! With your help I had no problem combining this with Toolset but only old method (3.7 and less) worked for me. My Oxygen is up to date and I'm guessing there might be a problem with integration of two plugins?

[@Gearyco]

I’ve never used toolset so I’m not quite sure on that.

[@IsaacTannerDempsey]

Building a shop archive page. I previously had a shop page on the site how do I get this to work properly? Should I delete the page if I have a template?

[@Gearyco]

The archive pages are easy to do with repeaters. You just set the query to default.

[@MarkCMoran]

Awesome tutorial. +1 for deeper dive! :-)

[@seolover4560]

Hi Kevin do you have any super solution for "display-font:swap" in oxygen that you can recommend?

[@Gearyco]

Can you provide more details as to what you're trying to accomplish?

[@seolover4560]

@@Gearyco I'm fighting not to have problems and this web.dev/font-display/ I see that digitalambition.co/ has no problem with it. I would like to ask how did you manage to do that.

[@Gearyco]

@@seolover4560 Flying Press is how I optimize all sites.

[@dannykirk2917]

Hi Kevin have been watching all your tutorials and they have been a massive help. My question is with repeaters I have been having issues with CLS as the information is dynamically injected. Do you have any thoughts/ideas on how to manage this or is it just swings and roundabouts etc. Many thanks Danny

[@Gearyco]

Have had any CLS issues with repeaters. Would need to see a link

[@tomashudolin7197]

Hi there again. I'm fighting with another problem. The offset of repeater. I have a layout where I would like to have last post in hero section, then repeater with 4 posts and offset -1, section and then another repeater with 6 posts and offset -5. I'm still not able to find any solution. The pagination doesn't work then. Even Oxy support doesn't know this. Do you have some experiences with that?

[@Gearyco]

Can't really solve that in a youtube comment unfortunately.

[@petermuller1156]

Can you show the "Repeater" also with Bricks?

[@Gearyco]

I have in many videos.

[@deepakkumarsingh7490]

Hi, how can add background image in repeater section for each section

[@Gearyco]

I don't recommend using background images in repeaters in most cases. Watch my tutorial on creating cards properly (with accessibility) -- very recent video.

[@onlytech9]

Hi, im facing issues in showing up sub groups with metabox and oxygen. I can't get those nested group to show in their respective section. Main group never been an issues but sub groups seems impossible to get to show in the builder. Any advice? Thank you very much

[@Gearyco]

I think there's an issue with nested groups in Bricks. Same issues Oxygen has.

[@onlytech9]

@@Gearyco Yes i can confirm, just changed to ACF for that specific section and worked without any issues, i'm pretty sure it's a MetaBox issue. I hope i won't have any issues by using acf and metabox togheter, for now nothing broke. Thanks for the reply!

[@jmcbade2960]

How would I incorporate these techniques with FacetWP or Grid Builder facets?

[@Gearyco]

WPGridBuilder is the easiest. Use the native Oxygen integration.

[@onepotdishrecipe7806]

Love the video agin - well done - why do you have ACF in your stack - is that so you can add additional fields to the Customs post type if needed

[@Gearyco]

Yes. ACF gets installed on every site.

[@Denis-jb3ob]

Hello! Thanks for the tutorial! I made ordinary card (sandwich image-title) and when I add link wrapper exactly like you show, the card brokes (object-cover no longer works). Can you advise something? Cheers

[@Gearyco]

would need a link, not sure.

[@hughan00]

Thanks for this really great tutorial. And now, a basic question coming up. Easyposts is a kind of 'pre-cooked' way of doing what Repeaters do, is that right? But Repeaters allow you total control? Until now, I have been using Easyposts but have been frustrated when trying to customise the display of content. (I feel I need to migrate to Repeaters.)

[@Gearyco]

When I was using Oxygen I never used EasyPosts. Always repeater.

[@hughan00]

@@Gearyco That’s what I wanted to hear, thanks 🙏

[@joeregan.]

How hard would it be to make your nav menu just pull the custom post types?

[@Gearyco]

Not sure what you mean? You can already just add custom post types to a menu using the default Wordpress menu builder.

[@joeregan.]

@@Gearyco For example, when you add a custom post type entry for a make, it automatically adds it to a make menu for you as a drop down item. I would think you would need to skip the Wordpress menu system and just make the navigation in oxygen but not sure.

[@mmaayta82]

I noticed you're media library is different. What's the name of the plugin you are using to categorize your media?

[@Gearyco]

Happyfiles.io

[@misfitmedia9086]

Is there a way to make the repeater elements using OxyNinja? I can't seem to get it to work.

[@Gearyco]

Yea absolutely. Add them directly to the repeater element.

[@dithmarscherwebdesign]

How can I add a gallery to individual CPTs? A normal post I can edit with Oxygen, but with the CPT I seem to be only able to edit the template in Oxygen.

[@Gearyco]

You can use Oxygen on any CPT just like you do a post or page.

[@HullioGQ]

So, does this mean that I wouldn't need to use the ACF Pro Repeater since it is built into Oxygen?

[@Gearyco]

That repeater is for a different use.

[@gosekinz]

be cool to investigate pagination methods .. simple, Load more & lazy load - I have an issue with a filter which won't do its lazy-load pagination when you throw the repeater at it. so some tips on a generic lazy load for a repeater would be really nice. TIA

[@MrUffizzi]

I love these videos man. When are you doing your click up tutorial ;)

[@Gearyco]

It's on the list!

[@noipowszystkim]

Lets say I'm creating newspaper homepage, have some featured posts at the top and then another section at the bottom, how to auto exclude same post at this section? I don't want to have same posts included over and over in my homepage. I want 3 featured posts from different categories, then more posts on this categories with out this first one at the bottom section.

[@Gearyco]

You can offset posts using advanced repeater queries.

[@atomicpx]

A quick note to those who are looking for the now missing "customize" button that's been replaced by "Edit Site". Go to Appearance > Menus and click on the "Manage with Live Preview" button, then you're good to go.

[@gyan508]

Hey mate, please do the advance video on oxygen repeater...

[@Gearyco]

There are too many variables to do a single video on it. I've put a bunch of query builder recipes in the Inner Circle and show using it on various tutorials. If you have a specific use case, I'll do a video on it.

[@gyan508]

@@Gearyco omg it was quick reply. Thanks for your reply mate. I would like you to make a video on creating a home page which will pull the content from different pages like service, testimonials, about us and etc (we can control how much info we want pull form the inner pages) using query element like php or custom WordPress coding. If you could do that it will save ton of times for all the website developer like me using oxygen.

[@astravelercom]

Hello, great tutorial, you are the best Oxy teacher:) What did you mean by saying if taxonomies and filtering are available to us? Is it possible to add some fancy filtering options so people can filter the repeater by some criteria? We would love premium training!

[@Gearyco]

Yes for sure. Tons of facet filtering options.

[@priyanshurohilla737]

sir why dont you try oxymade . no one is covering them ?? why ?

[@Gearyco]

I’m not a big fan of tailwind and similar bloated frameworks. Some people like them which is all good, just not for me.

[@priyanshurohilla737]

@@Gearyco is it really bloated ? have you tested it?

[@Gearyco]

@@priyanshurohilla737 not necessarily talking about loading bloat, just the amount of classes in general and amount of choices for each selector group. Makes team consistency more difficult and it’s more things to have to customize especially since they use px heavily.

[@NickLePage]

How much for the repeater course?

[@Gearyco]

Announcement this week: digitalambition.co/list

[@cokidevssiregar2474]

@@Gearyco finally, bookmark :D

[@ronaldrodriguez7304]

I'm working on bricks, and I was able to replicate all this. Now when I click how do I populate the next page, On bricks I keep getting "woops, that page is gone"

[@Gearyco]

Try resetting permalinks

[@forsterarts]

I showed my wife Kevin's presentation of his @ 14:52 if you have to get premium plugins its worth it, freaking pay for them! My wife EMPHATICALLY said get the plugin!

[@Gearyco]

Just don't get OxyNinja because I don't use that or recommend it anymore. My agency and pretty much this entire community use Automatic.css now (my proprietary framework). Much more feature-rich and user friendly and configurable ... automaticcss.com

[@forsterarts]

@@Gearyco I got Automatic last week! love them.

[@Heike1975]

01:29 This is just the right speed for your non-native English speaking followers ;)

[@bobwilliamso180]

You take too much time to get to the detail

[@Gearyco]

Because a lot of people love the additional context and insight. People who don’t can easily fast forward, right?