Popup modal iframe is it possible?

Support
#2

Hi Kim,

There is two ways you can try to achieve that.

I would go with option 1 first, and if it does not work, give it a go on opti on 2.

Option 1 -

Install ConvertPlus Addon.

Create a modal and insert your code on the custom form field. Test the modal.

If it works, watch this video to learn how to launch from a button.

Option 2 - Use X Theme Lightbox functionality.

On this case you would need to create a page, select the template BLANK NO CONTAINER NO HEADER NO FOOTER

Add your Iframe. test.

If it works, watch the following documentation on how to launch a lightbox.

http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/

Hope it helps!

1 Like
#3

super thx for quick response,

i tried once and everything seem to work and then i started to add class to a button. and for some reason nothing work,
not even default designs cant get any pop modal to work on the page.

i have cleared cache tried in different browser nothing :frowning: i dont know what i am doing wrong.

warm regards Kim

#4

Hi Kim,

Please verify if the modal is live.

Check the behavior of the modal and see if you have some cookies non repeating settings.

If that does not help, please provide us the login credentials in a secure note so we can take a closer look.

Cheeers!

#5

hello,
i working on non existing domain thru my host file, can i send you url and domain private?

i got it working with this: [cp_modal id=“cp_id_ab01c”]Your Content[/cp_modal] but my info/code that should show in modal is just trying to load.

if i use this: [cp_modal id=“cp_id_ab01c”]Your Content[/cp_modal] the info show in modal but with css problems beacuse my booking system uses is own css and i custome css for modal but is not working.

please screenshots.

regards Kim

#6

Hi There,

Altough we cannot guarantee compatibility as what you are trying to achieve envolves a third party platform, please provide your login credentials and url in a secure note so we can take a closer look.

See how to use a secure note, here: https://theme.co/apex/forum/t/how-to-get-support/288

Thank you

#7

Hello,

i added a secure note above this message with login details :slight_smile:

warm regards Kimberley

#8

Hi there,

It’s loading but intermittent, it’s not achievable without customization. Popup is a hidden element which there is no initial width and height. And because of that, your code can’t calculate the proper dimension and render for the calendar.

It’s the same if you put it in tabs of accordion which are initially closed. The same issue with google maps, it will not render on elements that are initially hidden.

Still, that is achievable through customization, you may wish to consult it to a developer.

Thanks!

#9

Hello,

Notice! please refer to secure note to see the page live.

i will not do a modal popup just add the code in wordpress html editor as you can see here: https://goo.gl/miqnhx
and the booking system is showing fine (only some css problems i will fix later)

Now i have also added the same code in your editor here at the bottom of the page: https://goo.gl/hFFk4f

and it is not showing only if i am logged in as administrator very weird, any ideas why is not working on your theme?

regards Kim

#10

Hi there,

Would you please kindly send us the iFrame code that you use and make sure you use that in the Raw Content element?

We need to test the code you try to add in our installation to make sure why this is not working for you in the Cornerstone itself.

Thank you.

#11
Summary 
this is the code i use and as you can see it works well in my  test page here http://corfuislandvillas.net/test/ and also use it in other wordpress sites with no probelm:
Summary 
<link href="http://marinabayapartmentscorfu.com/customerarea/index.php?controller=pjFront&action=pjActionLoadCss&cid=1" type="text/css" rel="stylesheet" />
Summary 
<script type="text/javascript" src="http://marinabayapartmentscorfu.com/customerarea/index.php?controller=pjFront&action=pjActionLoad&cid=1&view=6"></script>
#12

Hi there,

I didn’t see those code added to this page https://goo.gl/hFFk4f, or maybe it’s just due to cache since you said about when you're just logged in. Would you mind providing your login credentials in a secure note? I’d like to check it directly as I can’t find anything from the given URL.

Thanks!

#13

hi ia have added loggin in previous message in secure note.

and the code is at the bottom of the page and for some reason you need to be logged in to wp-admin to see it.

#14

Hey There,

I have logged in and the issue could just be due to caching. I’ve cleared the cache and click the Book A request button and the page scrolls to the section.

Please clear your plugin cache and browser cache as well. If possible, you may use private browsing mode and test your site again.

Please let us know how it goes.

#15

hello,

did you try and not being logged in to administrator to see if booking system shows or just try exploere or firefox?!

#16

Hello There,

It seems that there is an issue with the Content Area element while loading your code. I replaced it with the raw content element and it is displaying now.

Please check the site.

#17

ok :slight_smile: but what does it mean “replaced with the raw content” where and how and what?

sorry for not understanding :frowning:

#18

Hi there,

What my colleague meant was that he used the Classic Raw Content element to add the iFrame code and it worked:

It seems that our Content Area Element is not compatible with the iFrame code you have.

Thank you.

#19

i am not using iframe just a code that works fine in any other wrodpress theme.but its fine if work with raw content :slight_smile:

just one more thing if i try to go to edit this page https://goo.gl/Qhiu3Y in corenerstone now is not working i just see my code nothing else is possible to edit, any ideas why?

#20

Hi there,

This seems to be completely other problem that you are facing. Please kindly open up a separate thread to follow up the case, meanwhile kindly follow the steps below:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. If you’re using a CDN, please clear the CDN’s cache and disable optimization services.
  3. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  4. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  5. Reset your htaccess file by renaming it to .htaccess-bak. Then in WP Admin Menu, go to Settings > Permalinks and just click the Save Changes button.
  6. Increase the PHP Memory Limit of your server. Click here for more detailed information and how to increase the PHP memory limit.
  7. Install the Duplicate Post plugin and duplicate that page in question. Then please delete each section in the cloned post to see which section is causing the issue.

Thank you.

#21

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.