oop-up contact form

Hi Yigit
Logins in the private field. Please tell me any modifications because I have to replicate these for another site too.

Hi Yigit

I deleted the other child theme and regenerated the styles in the Enfold performance tab, but now the form remains completely hidden, even on click. I see a changelog file in /enfold/js/aviapopup with recent changes. Might these changes be a resaon?
Please go ahead with testing.

Hi Yigit

Indeed, I’m using a snipped in the child theme functions.php and a css-rule in style.css
functions.php

function popup_inline() { ?>
<script type="text/javascript">jQuery(window).load(function(){jQuery('.open-popup-link').magnificPopup({type:'inline',midClick:!0})});</script>
<?php }
add_action('wp_head', 'popup_inline');

In style.css

.white-popup {
  	position: relative;
    	background: #FFF;
    	padding: 20px;
    	width: auto;
    	max-width: 500px;
    	margin: 20px auto;
    }

I’ve got it from here: https://kriesi.at/support/topic/contact-form-in-pop-up-prettyphoto-issue/#post-304173 and it worked fine before.

The iframe solution doesn’t look bad but if I’d have to change it for all products it’s quite a lot of work to do.

Hi Ismael

Yes, I’ve seen the error too but I don’t know how to interprete the message. Your answer is cryptic for me too. How and where do I set priorities?
I’m pretty sure that only the the two modifications I mentioned in my last post affect the lightbox. But pretty sure isn’t 100% sure.
Best,
FIlz

Hi Rikard

I’ve tried both modifications for the snipped in child theme functions.php:

function popup_inline() { ?>
<script type="text/javascript">jQuery(window).load(function(){jQuery('.open-popup-link').magnificPopup({type:'inline',midClick:!0})});</script>
<?php }
add_action('wp_head', 'popup_inline', 999);

and

function popup_inline() { ?>
<script type="text/javascript">jQuery(window).load(function(){jQuery('.open-popup-link').magnificPopup({type:'inline',midClick:!0})});</script>
<?php }
add_action('wp_footer', 'popup_inline');

but I don’t see an effect.

Can you please check, if the short code I’m using is causing it? Although I didn’t make any changes there.

<div id="test-popup" class="white-popup mfp-hide">[av_contact href=' (Email address hidden if logged out) ' title='Impressum' button='Senden' on_send='' sent='Dein E-Mail wurde versendet!' link='manually,http://' subject='Magiclift Impressum' autorespond='' captcha='' color='' custom_class='' av_uid='av-4a1e']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='' av_uid='av-48pk2'][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='' av_uid='av-3qiji'][/av_contact_field]
[av_contact_field label='Nachricht' type='textarea' options='' check='is_empty' width='' av_uid='av-3hwl6'][/av_contact_field]
[/av_contact]</div>
<a class="open-popup-link" href="#test-popup">Stelle uns eine Frage per E-Mail</a>

Thanks

• This reply was modified 3 years, 7 months ago by filz51.

Hi Ismael

When you access the functions.php-file over ftp you’d see that the file is not empty at all. How could this become inconsitent?
BTW: style.css was empty too in the theme editor. But when I open it with a text editor, 342 written lines show up.
However, I copied the content of the php-file into the functions.php of the theme editor. Can you see its content now?

Best, Filz

Hi Ismael
Great, the forms are back but I never removed the background. How do I get it back? BTW: I updated the theme to its latest version.
And I have to replicate your changes on another live site. You made changes in the functions.php file only, didn’t you?
Thanks for your great support!
Best, Filz

Hi Ismael

Thank you, the background is white again. Did you only add

#top fieldset {
background-color: white  !important;
padding: 13px  !important
}

to Enfold Child > General Styling > Quick CSS?

I’m asking, because on the same page in French and English is still no white background on the contact form.
https://magiclift.de/fr/impressum/
https://magiclift.de/en/impressum/ I’m using WPML for the translations.

What I did to apply it for those localizations too: I added the css code above to Quick CSS to the English and French Quick CSS Fields. In Enfold performance section I rectivated the combining-option for css files with unique timestamps and WP-Bug fix –> deactivated it again with unique timestamps and WP-Bug fix. I did this for both localizations, English and French. But it’s not applied.

Maybe you added additional code? I need to know because I have another website to modify.
It’s quite confusing, that in some cases modifications of style.css in Enfolds child theme folder over FTP doesn’t work for WPML translated pages.

Thanks and best regards

• This reply was modified 3 years, 7 months ago by filz51.

Thanks Ismael
I could find a css solution on my own. All solved.
Best, Filz