Tagged: Foo Bookings, Foo Events
-
AuthorPosts
-
December 11, 2023 at 2:04 pm #1427778
Hi,
we´ve recently run into a conflict with the plugin Foo Bookings. It appears to be a conflict with Enfold because when I switched themes on advice of the plugin developer, the problem was resolved. I also tried deactivating all our usual plugins to make sure there was no conflict here, but this had no effect.With Foo Bookings you can add dates to a product so that the customer can choose his prefered date on the frontend of the product page. Foo has recently added a pop up window to this function in the backend: To add new dates you click on the button “Add dates” and then the pop up is displayed. Unfortunately the window is all greyed out and it isn´t possible to enter any data. You have to click on escape to make the window disappear again. When I switched to the theme WP 2024 the pop up window was no longer greyed out.
I´d be really grateful if you could take a look at this and give me some advice.
Thanks a lot in advance.Best regards,
SaraDecember 15, 2023 at 4:29 pm #1428234Hey sarawh,
Thank you for your patience and the link to your product page, I tried adding a date and I was taken to the check out, so I assume that I need to make a change in the backend to see the popup, but I couldn’t find the setting. Please set the setting so we can see the popup and perhaps help.
perhaps a screenshot of the setting would help. Thank you.Best regards,
MikeJanuary 4, 2024 at 9:54 pm #1429306Hi Mike,
So sorry, I must have missed your reply in my mails and was still waiting. In the meantime Foo has been able to offer a solution (they had another Enfold client with the same problem) and I´m posting it here in case anyone else needs it.
It turned out that Enfold is simply adding a specific CSS style that is moving the overlay to the front instead of behind the Booking Date Wizard popup. This means that you can’t interact with the popup/modal window. Foo was able to fix the issue by adding custom CSS to the site:
In the theme editor navigate to Enfold > Style CSS > config-templatebuilder > avia-template-builder > assets > css > avia-modal.css and adjust the code on line 983:
/*BACKWARDS COMPAT*/
/*legacy thickbox scripts should be displayed above modal window*/body #TB_overlay, body>.ui-widget-overlay{ z-index: 999 !important; }
Alternatively this should work by placing it anywhere in your child theme.
Best regards,
SaraJanuary 5, 2024 at 1:20 am #1429314 -
AuthorPosts
- The topic ‘Theme conflict with plugin Foo Bookings’ is closed to new replies.