Modal Button Issue

  • Resolved JayWhy

    (@jaywhy)


    3 years, 11 months ago

    Hi,

    The Delivery button in the modal window doesn’t work when pickup and delivery services are enabled.

    I have the Service Modal Setting: Open service modal when menu page is ready. Everything works except for the Delivery button, it does not respond when clicked (no error message in the console). No issue if each service is enabled by itself, it’s when both are enabled that the problem occurs.

    This is happening on a fresh install, I’m using the Divi theme with WooCommerce and your plugin. Any ideas?

    Thanks

    • This topic was modified 3 years, 11 months ago by JayWhy.
    • This topic was modified 3 years, 11 months ago by JayWhy.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author WP Scripts

    (@wpscripts)

    Hello,

    Can you please attach the menu page URL.

    Regards,
    Team WP Scripts

    Thread Starter JayWhy

    (@jaywhy)

    Thanks for the quick reply, here is the url.

    Plugin Author WP Scripts

    (@wpscripts)

    Hello,

    Not sure of the issue. May be needed to debug properly to find out the cause. It could be a result of Divi Page Builder, Can you please create a different page with the shorcode with WordPress editor and see if the issue is happening or not. Do let us know.

    Regards,
    Team WP Scripts

    Thread Starter JayWhy

    (@jaywhy)

    Here is the shortcode on a page created with the classic editor:
    new url

    Sadly the issue persists.

    Plugin Author WP Scripts

    (@wpscripts)

    Hello @jaywhy

    Sorry we can’t help you with this. There must be some conflict with the theme or other plugins. We have tested with various themes and still doing with many more themes, and it runs well in most of the cases. You should try changing the theme or try to test with the theme with all other plugins disabled. Hope this helps.

    Thanks & Regards,
    Team WP Scripts

    Thread Starter JayWhy

    (@jaywhy)

    Thanks. I tested 2 plugins — Food Store and WooCommerce — with several other themes including a couple default WP themes, the issue was only present in Divi.

    Oddly, the delivery button worked fine in Divi’s frontend editor yet broken on the live page.

    The theme authors have gotten back to me, they confirmed it’s a jQuery conflict involving smooth scroll. Disabling it on the service modal fixed the button.

    Plugin Author WP Scripts

    (@wpscripts)

    Hello,

    Thanks for the update on issue. Hope its all working for you now. Please leave your feedback for the plugin if you think its helpful.

    Thanks & Regards,
    Team WP Scripts

    Hi @jaywhy Pls, could you elaborate on how you fixed this issue? I am right where you were at the moment and I am stuck. Your help would be highly appreciated, Thanks.

    • This reply was modified 3 years, 11 months ago by davik4life.
    Thread Starter JayWhy

    (@jaywhy)

    @davik4life

    Dashboard > Divi > Theme Options > Integration

    On the Integration tab put the following script in the “< head > of your blog”:

    <script type="text/javascript">
jQuery(document).ready(function(){
		setTimeout(function(){
jQuery("div#wfsServiceModal").addClass('et_smooth_scroll_disabled');
},200); 
});
</script>

    Tested with the latest: WP 5.6, Divi 4.7.7 and Food Store 1.3.3.

    You might also want to read this thread about the search form.

    Thanks so much, @jaywhy. Got it solved also by the Divi Team and I’m so grateful your response helped a great deal. Do have a wonderful time!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Modal Button Issue’ is closed to new replies.