在wooCommerce中将产品缩略图向右移动

Question

最近，wooCommerce产品页面的产品缩略图图像右移一直有些麻烦。 一开始我尝试

remove_action('woocommerce_product_thumbnails', 'woocommerce_show_product_thumbnails', 20); 
add_action('woocommerce_single_product_summary', 'woocommerce_show_product_thumbnails', 50); 

这虽然没有工作。它将图像移动到右侧，但它们都很大并且堆叠在彼此之上，并且滑块和图像盘旋被打破。

然后我试图做我自己的函数这仅仅是一个从产品-thumbnails.php缩略图功能，但有一些变化翻拍：

<?php 

remove_action('woocommerce_product_thumbnails', 
'woocommerce_show_product_thumbnails', 20); 

add_action('woocommerce_single_product_summary', 'right_thumbnails',30); 

function right_thumbnails() { 
global $post, $product; 

$attachment_ids = $product->get_gallery_image_ids(); 

if ($attachment_ids && has_post_thumbnail()) { 
    print '<ol class="flex-control-nav flex-control-thumbs">'; 
foreach ($attachment_ids as $attachment_id) { 
    $full_size_image = wp_get_attachment_image_src($attachment_id, 'full'); 
    $thumbnail  = wp_get_attachment_image_src($attachment_id, 'shop_thumbnail'); 
    $thumbnail_post = get_post($attachment_id); 
    $image_title  = $thumbnail_post->post_content; 

    $attributes = array(
     'title'     => $image_title, 
     'data-src'    => $full_size_image[0], 
     'data-large_image'  => $full_size_image[0], 
     'data-large_image_width' => $full_size_image[1], 
     'data-large_image_height' => $full_size_image[2], 
    ); 

    $html = '<li>'; 
    $html .= wp_get_attachment_image($attachment_id, 'shop_single', false, $attributes); 
    $html .= '</li>'; 

    echo apply_filters('woocommerce_single_product_image_thumbnail_html', $html, $attachment_id); 
} 
print '</ol>'; 
} 

} 

?> 

这帮助了一点，但滑块/悬停仍坏了，缩略图还是有点过大。

这是WooCommerce 3.0

运行如果有人可以帮助我走出这将是真棒

Answer 1

请更新Woocommerce到最新版本3.0.1。