FlexSlider icon indicating copy to clipboard operation
FlexSlider copied to clipboard

Prevent vertical swipe while swiping horizontally

Open louisdoe opened this issue 3 years ago • 2 comments

in WooCommerce, with my Storefront child theme, I have an issue with FlexSlider on iPhones (iOS): when swiping left or right the product-image carousel, there is some level of vertical movement, which I don't want.

You can see the bug in this video : https://youtu.be/bM8zcv3ciTo

I have the following code un my child theme's functions.php:

/*PRODUCT PAGE FlexSlider Options*/
add_filter( 'woocommerce_single_product_carousel_options', 'filter_single_product_carousel_options' );
function filter_single_product_carousel_options( $options ) {
    if ( wp_is_mobile() ) {
        $options['controlNav'] = true; // Option 'thumbnails' by default
        $options['direction'] = "horizontal";
        $options['slideshow'] = false; // Already "false" by default
    }
    return $options;
}

Any idea how to prevent this vertical rebound?

louisdoe avatar Oct 20 '20 09:10 louisdoe

Hello can someone help me here ? Thanks

louisdoe avatar Nov 03 '20 14:11 louisdoe

I edited my question on SO: https://stackoverflow.com/questions/64169828/flexslider-on-woocommerces-product-page-prevent-vertical-swipe-while-swiping-h

Anyone else see this bug on iOS.? it's quite a big bug.

I am sure it's not plugin-related because I installed a test site with only WP and WooCommerce. The bug is there.

louisdoe avatar Nov 05 '20 09:11 louisdoe