Conflict with Woocommerce Bookings

  • Resolved Kazam Creative

    (@goldenagemedia)


    2 years, 6 months ago

    I encountered an issue with Bookly and using the Woocommerce Bookings plugin as well, where the datepicker function (from Woocommerce Bookings) in a product will not display correctly, and also has the z-index set quite high so it will sit over the top of elements such as a sticky header.

    The offending bit of CSS was setting “position:absolute;” for the “.picker” style, set in the following Bookly stylesheet:

    /plugins/bookly-responsive-appointment-booking-tool/frontend/resources/css/picker.classic.css?ver=21.0.1

    I was able to fix it by adding the following CSS to my stylesheet:

    .single-product div.product .wc-bookings-booking-form .picker { position: relative !important; z-index: 11 !important; }

    It should maybe get changed so that you’re not overriding any instance of the “.picker” style that loads on a website as other plugins seem to use it also.

Viewing 1 replies (of 1 total)
  • Plugin Support booklysupport

    (@booklysupport)

    Hello,

    Thank you for your message.

    We will pass your request to our Technical Department.

    Thank you for the information!

Viewing 1 replies (of 1 total)
  • The topic ‘Conflict with Woocommerce Bookings’ is closed to new replies.