我想更改 WooCommerce FlexSlider 以使用图库中的点而不是缩略图。但在桌面上我想显示缩略图。
我找到了一个使用点或缩略图的解决方案,但不是在不同的视口(viewport)中同时使用它们。
以下是我使用缩略图的方法:
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;
但在这种情况下,我必须对所有视口(viewport)使用其中之一。
有什么办法可以同时使用两者吗?或者每个视口(viewport)一个?
最佳答案
您是否尝试过使用 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;
}
它可以工作......
关于php - 在 WooCommerce FlexSlider 中使用点而不是移动设备上的缩略图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63187694/