Dynamically show/hide Elementor content based on URL parameters?

user_6025788 0
Viewed 2473

Elementor's docs mention Dynamic Request Parameters, but I don't think they can be used to control visibility.

I'm open to plugins, including paid solutions.

I know this can be done via JavaScript, by checking query parameters and then setting class names, but this quickly gets out of control (it's what we do currently.)

elementor wordpress dynamic php
2 Answers

Very late to this party but I was searching for the same thing then realised it was actually very easy with Elementor itself.

Set an element's CSS class dynamically, as a Get request parameter giving it the name you require - in the screenshot below I've just used "visibility". I've also set fallback (Advanced > Fallback) to "hide" and created a couple of CSS classes.

Now the element is visible with the URL parameter ?visibility=show otherwise it is hidden.

Not sure if this helps at all but it does the trick for me.

.hide
{
    visibility: hidden;
}

.show
{
    visibility: visible;
}

enter image description here

user_184102270

What do you want to hide? If you're talking about widget, sections or columns you could use JetEngine's Dynamic Visibility module. That gives you the option to hide/show widgets based on parameters, query var, post and get are supported. See screenshot below:

Screenshot of Dynamic Visibility settings

If you want to hide certain form fields based on these parameters, because the article you are referring to talks about forms, that may also be possible using the JetEngine Forms module. I have an idea that might work if that is what you need. But if you just want to hide certain widgets than an explanation about that would be unnecessary, so let me know!

user_118149540
Related