Booking Form not showing anymore

[Anonymous]

Hi,

I can’t make my booking form appear anymore. However nothing has changed in the set up I believe.

This is the settings code used for #_ADDBOOKINGFORM:
<table class=”eme-rsvp-form”>
<tbody>
<tr>
<th scope=”row”>
<div align=”left”>Prénom*</div></th>
<td>
<div align=”left”>#_FIRSTNAME</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>Nom*</div></th>
<td>
<div align=”left”>#_LASTNAME</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>E-Mail*</div></th>
<td>
<div align=”left”>#_EMAIL</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>Téléphone*</div></th>
<td>
<div align=”left”>#_PHONE</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>Places*</div></th>
<td>
<div align=”left”>#_SEATS</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>Code Promo ?</div></th>
<td>
<div align=”left”>#_DISCOUNT</div></td>
</tr>
<tr>
<th scope=”row”>
<div align=”left”>Commentaire</div></th>
<td>
<div align=”left”>#_COMMENT</div></td>
</tr>
</tbody>
</table>
#_SUBMIT{VALIDER MON INSCRIPTION}</body>

When inspecting the code in Chrome I see this:
<div class=’eme-noscriptmsg’>Javascript est nécessaire pour que ce formulaire fonctionne correctement.</div>

All other values work fine. It’s really just the Booking Form. I never had any issues showing the form, no matter what device or browser it was used on. Can you please help?

Thanks,
Julia

[Franky]

You have a “</body>” tag just after the submit button. I don’t think you meant to do that. Also: can you provide a demo link?

[Anonymous]

HI,

yes sorry the last </body> tag was a mistake in my message, it’s not in the set up though.

here is an example of an events page: https://kidanza.fr/events/atelier-kidanza-c2-ae-2h-en-salle-paris-12/

Thanks,
Julia

[Franky]

Your generated html contains this line:

class="content entry"><style type="text/css">#cmsms_row_614483b39df1f0_22240576 .cmsms_row_outer_parent{padding-top:0}#cmsms_row_614483b39df1f0_22240576 .cmsms_row_outer_parent{padding-bottom:30px}#cmsms_icon_614483b39e2992_82922183{display:block;text-align:right}#cmsms_icon_614483b39e2992_82922183 .cmsms_simple_icon{border-width:0;width:60px;height:60px;font-size:40px;line-height:60px;text-align:right;-webkit-border-radius:50%;border-radius:50%;color:#aa72b3}#cmsms_row_614483b39e2cd2_77813851 .cmsms_row_outer_parent{padding-top:0}#cmsms_row_614483b39e2cd2_77813851 .cmsms_row_outer_parent{padding-bottom:50px}#cmsms_icon_list_items_614483b39e4156_36365625{padding-left:40px}#cmsms_icon_list_items_614483b39e4156_36365625 .cmsms_icon_list_item:before{font-size:20px;left:-40px}#cmsms_icon_list_items_614483b39e4156_36365625 .cmsms_icon_list_item{line-height:30px;padding:0}#cmsms_icon_list_items_614483b39e4156_36365625 .cmsms_icon_list_item:before{line-height:30px;top:0}.cmsms_icon_list_items #cmsms_icon_list_item_614483b39e4ba5_16421739:before{color:#aa72b3}.cmsms_icon_list_items #cmsms_icon_list_item_614483b39e4dc1_42070114:before{color:#aa72b3}.cmsms_icon_list_items #cmsms_icon_list_item_614483b39e5154_82719805:before{color:#aa72b3}#cmsms_button_614483b39e5e40_58588052{float:right}#cmsms_button_614483b39e5e40_58588052 .cmsms_button:before{margin-right:.5em;margin-left:0;vertical-align:baseline}#cmsms_button_614483b39e5e40_58588052 .cmsms_button{font-weight:400;font-style:normal;border-style:solid}#cmsms_row_614483b39e61a1_22431027 .cmsms_row_outer_parent{padding-top:0}#cmsms_row_614483b39e61a1_22431027 .cmsms_row_outer_parent{padding-bottom:50px}#cmsms_row_614483b39e7706_85881477 .cmsms_row_outer_parent{padding-top:10px}#cmsms_row_614483b39e7706_85881477 .cmsms_row_outer_parent{padding-bottom:10px}#div_eme-rsvp-form-614483b39ce60{display:none}</style><div

==> you’re hiding the form: #div_eme-rsvp-form-614483b39ce60{display:none}
I’m guessing you’re doing this via jquery or so … ?

[Anonymous]

Hi,

thanks for looking into this.

I am unsure where this comes from. I have not added any code to hide the form.

Now I have reinstalled theme and eme plugin and the issue persists. Do you have any idea what might cause this or where it can be changed?

Thanks,
Julia

[Franky]

Ok, I see what happened. Do you have some kind of CSS optimizer in place? I’ve code in place that hides the form if javascript is not enabled. Snce that needs to work when javascript is not enabled, it is inside the noscript tag and hides the form using css. Now in your case that css-part is taken out of the noscript section and executed earlier, causing this “hide” to happen all the time.
Can you disable the plugin that does that? Or disable the CSS optimize? Or at least tell them to not rearrange css-sections that are inside noscript tags?

[Anonymous]

I had WP Optimize installed but not activated. Been using Hummingbird a few months ago. However none of these have been activated when the form stopped showing.

I have now deleted all plugin which could cause such behavior and also tried to deactivate most of the other plugins, but the form still does not show.

Kind regards,
Julia

[Franky]

Well, if you look at the resulting html code of your page, something is still doing weird stuff to the CSS …
If you’d like, feel free to send me a temp admin account, maybe I can find the plugin causing it. Or install the plugin “Health Check & Troubleshooting” and go in Tools->Website Health where you can go in the troubleshooting mode to help you find the plugin causing this.

[Author]

Posts