-
Posts
-
Hello Enfold team,
I have been working with both Gravity Forms and WP Popoup Maker support teams trying to resolve an error where my form doesn’t display within the popup, and both companies are now telling me its a “theme” issue. From gravity forms:
Why is ‘display:none’ being added and my form isn’t showing up?
This is because you have conditional logic being used on your form. Anytime conditional logic is present the entire form is set to display: none; and then JavaScript is used to only show the fields that should be shown.
However, this requires Gravity Forms being able to output the necessary JavaScript using the WordPress built in enqueue function which outputs the JavaScript in your footer.
This is due to one of two likely issues:
1.) Your theme probably does not have this function call in your theme’s footer.php file:
<?php wp_footer(); ?>
This function call, which all themes should have, but many people forget to include, enables plugins to output code in the footer of a theme dynamically. If it isn’t present, the theme can’t output the necessary code.
2.) Your theme has a JavaScript error or conflict causing Gravity Forms’ JavaScript not to function correctly. Please go through the theme and plugin conflict testing steps to isolate the issue.
Between these two important pieces of information, you’ll likely find the source of why your form is not displaying properly.
Thank you for your help.
-James
Hey James,
Thank you for the inquiry.
1.) The wp_footer() function is present in the theme’s footer.php file by default.
2.) We may need to check the site in order to properly inspect the issue. Please provide the site URL in the private field. In the meantime, please keep in touch with the plugin developers for additional assistance.
Best regards,
IsmaelHi,
Thank you for the info.
2.) We don’t see any script errors in the browser console. Where did you add the popup form?
Best regards,
IsmaelIsmael,
The popup appears after a scroll depth of 25% or if you click on “mailing list” from the menu. The form that should appear in the popup is the same one that is shown at the very bottom of the page under “join our mailing list.”
Hi,
Thank you for the info.
The form doesn’t display because of an inline css rule. To override it, please try adding the following css code, which should adjust the display of the form inside the popup container.
#popmake-1109 .pum-content #gform_wrapper_2 { display: block !important; } #popmake-1109 { top: 30px !important; }Best regards,
IsmaelIsmael,
This works to show the form, but it disables the conditional logic. The phone number box is only supposed to display if the user selects “yes” from the “are you interested in living here” and instead, it is always displaying now.
-James
Hi,
Thank you for the update.
It’s possible that the Gravity Form doesn’t load the necessary scripts because it can’t detect the form placed in a popup container. Unfortunately, this is beyond the scope of our support. You may need to contact the Popup Maker team and ask them if it’s possible to load certain scripts after initializing their popups.
Best regards,
Ismael
- The topic ‘gravity forms conditional logic conflict with theme’ is closed to new replies.