Iphone issue

Hi @markhamwalrus

Could you put the slideshow on its own test page by itself and see if the problem still persists?

My colleagues did some digging and it might be related to the 3rd party lazyload feature you are using. Can you try to disable that and see if it works? if so, let me know what plugin you are using for lazyloading and I’ll see if I can figure something out.

Also, can you state what iPhone and iOS version you are using?

Hi @kbat82 thank you for your prompt reply, I was using autoptimize plugin to do my lazyload, but even it’s deactivated, the problem still appears randomly. I’m using ios 12 on iphone 7 and iphone 8

here is the test page for it: https://woodbine-dev.ideatheorem.com/test-slider/

Hi @markhamwalrus

Sorry for the late reply. I was hoping to secure an iPhone to test on but no avail. I should be able to next week though. In the meantime, can you test it against the slideshow on metaslider.com? Does it load there?

Have you tested it while disabling all other plugins? If we can narrow down which has a conflict I can set something up locally to address it.

Hello @kbat82,

Thank you for your help, I will try that. Also, if it helps I’ll share my plugin settings

https://prnt.sc/pee82b
https://prnt.sc/pee7pn

and I also have a custom hook on my functions.php

function metaslider_flex_params($options, $slider_id) {
    $options['pausePlay'] = "true";
    $options['pauseText'] = "'Pause'";
    $options['playText'] = "'Play'";
    $options['controlsContainer'] = "'.slider__controls'";
    return $options;
}

add_filter('metaslider_flex_slider_parameters', 'metaslider_flex_params', 10, 2);

Hi @kbat82,

I’ve disabled all my plugins and reactivated it one by one but still, the issue persists.

Hi @markhamwalrus

It’s just difficult to reproduce on other pages that use MetaSlider. If it’s not a conflict with plugins then it could very likely be a theme conflict. Can you try switching to a default theme for a moment?

Alternatively, since you seems to have some coding experience, could you set up another WP instance with a default theme and nothing else? If we can get it to break with no plugins, default WP theme and your specific slideshow images, settings, etc then that will help me replicate the issue myself.

If the theme itself causes the issue, then the next step would be to try disabling the header, footer, etc until the cause is found.

hi @kbat82 ,

I think it has something to do with my jquery, whenever the slide does not load I get this error:

https://snipboard.io/6iSPBT.jpg

I hope this helps.

I also tried renaming my jquery alias from

wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js', '', '3.4.1', false);

to

    
wp_deregister_script('jquery');
wp_enqueue_script('jquery-new', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js', '', '3.4.1', false);

and the image always show but it doesn’t show the arrows and it doesn’t slide because the dependency befor was (jquery) instead of (jquery-new)

I also tried to disable the enqueued javascript one by one, and the problem became more prevalent. As soon as I enable it again then the problem becomes random again.

• This reply was modified 5 years, 1 month ago by markhamwalrus.

Hi @markhamwalrus,

I’m not sure FlexSlider is compatible with jQuery 3. Does everything work if you just use the jQuery version that comes with WordPress?

Hi @markhamwalrus

I’ll mark this as resolved as we didn’t hear back, but feel free to reply if needed.

Hi @kbat82,

sorry for the delayed reply. Upon checking, it seems like the flex slider isn’t compatible with jquery 3, I tried the jquery that comes with wordpress but no luck… what version of jquery do I have to use? and would that pose any risks?

Hi @markhamwalrus

The plugin should work with the default jQuery that ships with WordPress. That’s the only version we test with. We don’t develop FlexSlider first hand (although we use a fork of it), so it’s not likely there will be jQuery 3 support ever.