Flexslider gallery conflict with Divi Builder

  • Resolved tin_soldier

    (@tin_soldier)


    4 years, 4 months ago

    I’m hoping there may be some Divi experienced dev out there who has come across this before. I’m building a site locally and have an issue with the WooCommerce gallery not displaying properly on resize.

    The markup that Flexslider adds to style and control the thumbnails and gallery is removed when I resize the browser down to tablet size. I assume there must be a conflict with the resize listener for the single product js in WooCommerce.

    I’ve narrowed it down to the Divi builder plugin I’m using to build out some of the non-WooCommerce pages. If I disable the plugin the gallery resizes without any issues. It’s not a CSS issue either as I can see the markup itself is removed ie; “flex-active-slide” etc…

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Thu P. a11n

    (@thup90)

    Hi there,

    This is a fairly specific development topic. I’m going to leave it open for a bit to see if anyone is able to chime in to help you out.

    I can also recommend the following places for more development-oriented questions:

    1. Customizations with WooCommerce: https://woocommerce.com/customizations/
    2. WooCommerce Slack Community: https://woocommerce.com/community-slack/
    3. WooCommerce FB group: https://www.facebook.com/groups/advanced.woocommerce/
    Thread Starter tin_soldier

    (@tin_soldier)

    Have narrowed this down further to a specific function in divi-builder.min.js

    Line 50 col 266 if anyone is looking.

    For the time being I am solving this by disabling the script entirely as I’m not using Divi builder on the product pages. Here’s how I’ve removed it in case someone needs to do something similar.

    function disable_scripts() {
	// dequeue Divi builder script - conflict with product gallery
	if (is_product()) {
		wp_dequeue_script('divi-builder-custom-script');	
	}
}
add_action('wp_enqueue_scripts', 'disable_scripts', 100);
    Plugin Support EastOfWest a11n

    (@eastofwest)

    There hasn’t been any action on this thread in a while, so I’ll go ahead and close it. If you have any further questions, you can always start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Flexslider gallery conflict with Divi Builder’ is closed to new replies.