Slider breaks in Google Chrome

  • Resolved iueweb

    (@iueweb)


    9 years, 10 months ago

    Thank you for this theme! It’s fantastic and I really appreciate the work put into it!

    I’m having an issue where the slider suddenly breaks in Chrome and doesn’t start working again (one of my clients is experiencing it as well). As previously reported in other topics:

    • the slider works in other browsers
    • the slider will not work on any other sites where it is installed, including the theme demo site (https://demo.alxmedia.se/hueman)
    • this has happened on Windows 8.1
    • no errors in the development tools console
    • clearing cache/cookies does not help

    I’m using Chrome Version 42.0.2311.90 m (64-bit), but this has been reported for many different versions of Chrome.

    Is the flexslider on this theme based on the WooThemes FlexSlider (https://www.woothemes.com/flexslider/)? If so, it’s interesting to note that the slider on the woothemes demo site does work for me.

    Is there anything I can do to help troubleshoot or any information I could provide that would be helpful?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi iueweb. Don’t know if the theme slider is based on the WooThemes version. Looks similar but that’s about all I can tell. As I mentioned in the other thread, I don’t have a computer running Windows 8.1 so can’t test that environment. I did find a couple of threads that appear to be related to the issue. If so, the problem has been around for quite awhile. First one is more of a fact-finding thread; second one offers a couple of potential solutions:
    https://github.com/woothemes/FlexSlider/issues/519
    https://stackoverflow.com/questions/13101811/flexslider-really-messing-up-my-webpage-in-chrome

    The theme slider code is in file /inc/featured.php

    Thread Starter iueweb

    (@iueweb)

    Thank you! That led me down a path that ultimately made me try updating Flexslider from 2.2 to 2.4, which fixed the problem! However, I had to replace the flexslider files in my parent Hueman theme; putting them in the child theme’s ‘js’ folder didn’t seem to override the call to flexslider in the parent theme. Is there a better way?

    Thanks so much!

    You’re welcome; glad you got it working.

    Is the flexslider on this theme based on the WooThemes FlexSlider?

    Well, duh, I didn’t even think of looking at the js file. Sorry about that.
    To get it to load from your child theme copy the alx_scripts function to your child theme:

    function alx_scripts() {
	wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.min.js', array( 'jquery' ),'', false );
	wp_enqueue_script( 'jplayer', get_template_directory_uri() . '/js/jquery.jplayer.min.js', array( 'jquery' ),'', true );
	wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ),'', true );
	if ( is_singular() ) { wp_enqueue_script( 'sharrre', get_template_directory_uri() . '/js/jquery.sharrre.min.js', array( 'jquery' ),'', true ); }
	if ( is_singular() && get_option( 'thread_comments' ) )	{ wp_enqueue_script( 'comment-reply' ); }
}

    Then change the flexslider line from:

    get_template_directory_uri()

    to:

    get_stylesheet_directory_uri()
    Thread Starter iueweb

    (@iueweb)

    That worked perfectly, thanks so much!

    Seriously, people like you just helping out for the heck of it… you’re all awesome ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slider breaks in Google Chrome’ is closed to new replies.