在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。