Php Flexslider缩略图具有4个以上的图像don'；t形滑梯

我正在用Woocomece和wordpress创建一个网站，我的产品有6个相关图像，flex滑块将6个图像分成两行显示，而不是显示4个图像。我尝试使用此过滤器更改flexslider设置，但找不到使其成为滑块的方法

我有一个li内的图像，一个ol内的图像，带有class=“flex control nav flex control thumbs”

---

谢谢你。

你最后整理好了吗？我也遇到了同样的问题，到目前为止，我发现了以下几点

FlexSlider 2 jQuery插件用于WooCommerce产品页面上的主图像和缩略图。具体来说，使用的是“带缩略图控制导航模式的滑块”

这就是产生您提到的无序列表标记的原因：

<ol class="flex-control-nav flex-control-thumbs">
<li><img/></li>
</ol>

注意“controlNav”选项。这应该更改为false，以便jQuery插件不会自动生成自己的缩略图

以FlexSlider网站上的“Slider w/thumbnail Slider”为例，我们需要在主题中“woocommerce/single product/product image.php”的最后一个结束div之前生成我们自己的缩略图标记：

$attachment_ids = $product->get_gallery_image_ids();
   if ( $attachment_ids && $product->get_image_id() ) {
      echo '<div id="our_own_thumnail_markup">';
      foreach ( $attachment_ids as $attachment_id ) {
         echo wc_get_gallery_image_html( $attachment_id );
      }
      echo '</div>';
   }

---

我还没有做到这一点，但我想我正朝着正确的方向前进。

这行得通吗？我想为垂直拇指滑块相同的导航

add_filter( 'woocommerce_single_product_carousel_options', 'ud_update_woo_flexslider_options' );

    function ud_update_woo_flexslider_options( $options ) {
        $options['sync'] = '#our_own_thumnail_markup';
        $options['controlNav'] = false;
        return $options;

    }

$attachment_ids = $product->get_gallery_image_ids();
   if ( $attachment_ids && $product->get_image_id() ) {
      echo '<div id="our_own_thumnail_markup">';
      foreach ( $attachment_ids as $attachment_id ) {
         echo wc_get_gallery_image_html( $attachment_id );
      }
      echo '</div>';
   }

$('#our_own_thumnail_markup').flexslider({
   animation: "slide",
   controlNav: false,
   animationLoop: false,
   slideshow: false,
   itemWidth: 210,
   itemMargin: 5,
   asNavFor: '.woocommerce-product-gallery__wrapper'
});