woocommerce - Woocommerce 3.x 产品库 slider 中的导航箭头

标签 woocommerce flexslider

有没有人能够在新的 woocommerce slider 中为 Next/Prev 幻灯片添加导航箭头?

特别是在移动/桌面上的缩略图导航很棒,但是对于桌面用户来说也有箭头将是一个梦想!主产品图片上的箭头优先于灯箱。您将在我们的网站上了解原因:
http://52.56.199.58/collection/bedroom/giorgetti-syn-bedside-table/

Woocommerce 已经忘记了这似乎是一个简单而明显的选择。任何帮助或指导将不胜感激。

干杯

最佳答案

您可以通过 Hook 'woocommerce_single_product_carousel_options' 来更新 WooCommerce V3 中的 Flexslider 选项。筛选。因此,为了启用导航箭头,“directionNav”选项应设置为“true”。

把这个示例函数放在你的 functions.php 文件中,你应该很高兴:

// Update WooCommerce Flexslider options

add_filter( 'woocommerce_single_product_carousel_options', 'ud_update_woo_flexslider_options' );

function ud_update_woo_flexslider_options( $options ) {

    $options['directionNav'] = true;

    return $options;
}

关于woocommerce - Woocommerce 3.x 产品库 slider 中的导航箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46353307/

相关文章:

woocommerce - 为什么订单完成后我不能添加项目元?

php - 编辑 Woocommerce get_price_html() 格式

css - 无法更改 Wordpress Woocommerce 类别中当前猫的颜色

php - 获取并显示 WooCommerce 中产品属性的值

css - Flexslider 2 幻灯片水平和垂直视口(viewport)/浏览器缩放

jquery - 循环到第一张幻灯片 flexslider

php - Woocommerce 简短描述摘录长度

jquery - Flexslider - 每张幻灯片的幻灯片放映速度不同

jquery - 在移动设备上仅显示和下载来自 Flexslider 的第一张图片

javascript - FlexSlider 事件后未触发(或正确形成)