Notifications
Clear all

Auto load iframe as a layer on landing page

4 Posts
2 Users
0 Likes
735 Views
Posts: 7
Topic starter
(@blarg3891)
Active Member
Joined: 3 years ago

I want to make a landing page for my online order menu.  I have set "Show iframe as a layer" to "Yes" and filtered to a navigation button.  This is working.

On a separate page (the landing page) I need that when the page loads, the iframe appears, in a layer.  For now it seems as though the iframe is hidden no matter what I do unless I click the button.

In playing with this, I also noticed that when "Show iframe as a layer" is set to "Yes" I can no longer utilize the shortcode or advanced iframe block or anything on any other page.  It appears that this option just overrides everything and everything remains hidden.  I'm not sure if this is by design or not...?

Anyway, please assist if you can.  If you need to see my page, please let me know as I'm using a staging page now and its password protected at the moment.

 

Thanks.

3 Replies
TinyWebGallery
Posts: 875
Admin
(@admin)
Prominent Member
Joined: 15 years ago

For me showing an iframe in a layer on a landing page does not make sense . Therefore this is not implemented. What you can do is to add a custom Javascript which does show the iframe. This is shown in the last example where the iframe is shown by Javascript. But which iframe should be shown on the landing page? a different one?

If you use "show iframe a layer" - not sure what you mean with anything else. The iframe is hidden until triggered.

Best regards, Michael

Reply
Posts: 7
Topic starter
(@blarg3891)
Active Member
Joined: 3 years ago

Just so you understand the use case.  My website is central location for all restaurant customers.

If they go to yelp or google or any social media site, they may click a link because they want to order food.  Instead of sending them first to the website then them having to click the button to see menu, I just send them to the landing page right away to see the menu as layer.  When they x out of the layer, they can browse our website.

If I send them directly to the order page, its an external site.  If I send them direct to our website, then they have to click a button.  Generally people that click from sites like yelp or google maps are ready to order so I want to save clicks for them.

That being said, I appreciate very much your response and will see if I can figure out the solution using your direction.

 

Reply
TinyWebGallery
Posts: 875
Admin
(@admin)
Prominent Member
Joined: 15 years ago

The javascript function is there. See my last example. You only need to call it in the ready method. 5 lines of code.

Reply