在 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

您是否尝试过使用 WordPress wp_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;
}

它可以工作......