在 WooCommerce FlexSlider 中使用点而不是移动设备上的缩略图

我想更改 WooCommerce FlexSlider 以使用图库中的点而不是缩略图。但在桌面上我想显示缩略图。


我找到了一个使用点或缩略图的解决方案,但不是在不同的视口中同时使用它们。


以下是我使用缩略图所做的操作:


add_filter( 'woocommerce_single_product_carousel_options', 'custom_update_woo_flexslider_options' );

function custom_update_woo_flexslider_options( $options ) {


    $options['controlNav']      = 'thumbnails';

    

    return $options;

}

对于点,我将代码更改为:


    $options['controlNav']      = true;

但在这种情况下,我必须对所有视口使用其中之一。


有什么办法可以同时使用两者吗?或者每个视口一个?


弑天下
浏览 103回答 1
1回答

qq_遁去的一_1

您是否尝试过使用 WordPresswp_is_mobile()条件函数,例如:add_filter( 'woocommerce_single_product_carousel_options', 'custom_update_woo_flexslider_options' );function custom_update_woo_flexslider_options( $options ) {    $options['controlNav'] = wp_is_mobile() ? true : 'thumbnails';        return $options;}它可以工作...
打开App,查看更多内容
随时随地看视频慕课网APP