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

Question

我想更改 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;

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

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

Answer 1

您是否尝试过使用 WordPresswp_is_mobile()条件函数，例如：

\n

add_filter( \'woocommerce_single_product_carousel_options\', \'custom_update_woo_flexslider_options\' );\nfunction custom_update_woo_flexslider_options( $options ) {\n\n    $options[\'controlNav\'] = wp_is_mobile() ? true : \'thumbnails\';\n    \n    return $options;\n}\n

\n

它可以工作\xe2\x80\xa6

\n