Elementor Dynamic Content With Dynamic Conditions To Show/Hide Data

In the most recent tutorial we created a custom custom loop to use in Elementor so that we could display advanced custom fields (ACF) data right in the loop. In this tutorial we're going to enhance that loop.

In websites built with ACF there are often fields that are not required, which means the post creator doesn't have to fill out every field, like where they were when they first heard Thriller by Michael Jackson.

The trouble is that page designs rely on all fields being present so that the design looks as it should.

With what I'm going to show you today you can show/hide ACF data based on lots of conditions and when you "hide" the fields they don't take up any space on the page.

Post videos of your WordPress success using the hashtag #WPLLCommunity!

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

[andonisr]

You just saved me from deleting this plugin. I couldn't' t make it work because I was watching another 'outdated' tutorial from 'WPTuts' that wasn't as clear as yours.
I wanted to do exactly what you describe here. Basically hide a 'Toggle section' if there was no data input in the back-end.
Worked like a charm...Thank you my friend!!!

[astheworld]

This is not a simply tutorial, this is a life-saving tutorial, dear friend 🤗 🙏

[nocodewp]

This tutorial really solved an issue with dynamically displaying very different blog posts, many thanks!!

[jaketornholm]

Just what I was looking for. Thanks!!!!

[kendricgabriel]

Era isso que eu estava procurando, muito obrigado!

[Arramasta]

thanks man, templates become real easy with videos like these.

[phoneyiam]

Thanks! I've been spinning my wheels for a long time trying to hide social media icons that were blank. This did the trick.

[danodemano]

Bjorn, thx again for your interesting videos. Question ... I created a Single Product Template for products that in the Saunas category. I'd now like to have a widget (say a PopUp) called Recommended Sauna Heaters for this Sauna size appear dynamically.

Let's say the current Sauna viewed by the customer is a 5x7 -- it appears I need a tag or an ACF field with text "5x7" -- correct to pull into a query? Then can I run a query with these conditions:
-- Show Products from the Heater category, where
-- Heaters has the tag = 5x7 (or an ACF field?)
Anyways I am not seeing how (or IF) I can pull an existing tag or ACF field that becomes part of a query.
Thx for your answer in advance. Best

[DavidCunliffeVideos]

Great information and very clear, thank you.

[luisgalindodigital]

Wow, thanks a lot! Just what I was needing! 👍

[aericheasley]

This tut saved my ass. You've explained it so well here. Thanks

[Arrmani]

Very clear tutorial. This is exctly what I was looking for. As Skopelos
I need to hide 'Toggle section' if there was no data input in the back-end. You helped me. Thank you

[theunifiedfield.]

Just what I needed. Thank you so much! :)

[skoliosehilfe]

A big THANK YOU! You saved me so much time. Alle the best to you!

[digwillhachi]

great been looking for something like this for ages.

[yashdaiya]

Hello sir, I want your help..would you please tell me how to display categories inside dropdown and by selecting one category the other dropdown will create automatically and display products of that selected category....please help me I am stuck.. I don't know what to do..

[alaaabdelrahim]

Hello and thank you for the nice tutorial, Is it possible to apply it on a Button assume I want to insert a button called " begin now " under certain product title " any decor and accessories products " while I have fragrance and to be not shown ....please note that it will be created on custom made single product page made on elementor...thank you so much

[transforminghate]

Super interesting! Is there also a solution if I dont want to show the posts where the asking price is missing? Instead of hiding the custom field, to hide the post itself.

[mediabreeze]

Hi, A great tutorial! I have a sliding banner of offers that expire, I'm I have created a loop for each banner that gets hidden if the expire date is less than todays date - however, it leaves a gap between banners - any idea how to fix this?

[sprocket_holes]

Thank you so much! Exactly what I was looking for. So helpful!