Woocommerce產品圖庫圖像顯示為全尺寸圖像，而不是縮略圖

Question

該網站當前的Woocommerce設置正常提供有主要產品圖片和一些畫廊圖片。 主產品圖像使用正確，因此將其顯示在列表中，並且單擊該產品圖像后，將打開產品頁面。 但是，在此產品頁面中，在Woocommerce上提供的畫廊圖像在屏幕的右側以彼此下面的全尺寸圖像顯示。 每個產品頁面中都有一個運行中的mCustomScrollbar，以便客戶端可以向下滾動圖像。 我希望這些是具有燈箱和縮放技術的小圖像，而不是全尺寸圖像。 我還測試了插件，以查看是否存在與此相關的問題，但均未解決。

我已經創建了一個新的本地站點來進行測試，並從頭開始創建了一個產品，以將原始Woocommerce文件與這些文件進行匹配，因為這已經通過了另一個開發人員。 以下文件似乎與每個產品頁面都有直接關系，它們是二進制相等的：product-thumbnails.php，product-image.php，single-product.php，content-product.php和content-single-product。 php，因此未對這些內容進行任何更改以反映在每個產品頁面中。 我也發現並優化了下面的代碼，這些代碼放在functions.php中，但無濟於事。

 add_action('woocommerce_shop_loop_item_title','wps_add_extra_product_thumbs', 5);
 function wps_add_extra_product_thumbs() {

     if (is_product()) {

         global $product;

         $attachment_ids = $product->get_gallery_image_ids();

         echo '<div class="product-thumbs">';

         foreach( array_slice( $attachment_ids, 0,3 ) as $attachment_id ) {

               $thumbnail_url = wp_get_attachment_image_src( $attachment_id, 'thumbnail' )[0];

               echo '<img class="thumb" src="' . $thumbnail_url . '">';

         }

         echo '</div>';

     }

  }

我已經解決了這個問題，發現自己陷入了一個循環，但是以上就是我所想的，到目前為止，這還不是解決方案。 我希望產品顯示類似以下內容： https : //www.wpstud.io/wp-content/uploads/2016/05/product-with-thumbs.jpg 。 客戶的網站可以正常運行，並且在一年中最繁忙的日子里都可以正常運行，因此我需要最有效的解決方案，而無需進行任何重大更改。 非常感謝。

Answer 1

嘗試去自定義-> WooCommerce->產品目錄並在那里更改圖像大小

Answer 2

除了之前提供的上述代碼之外，我還從中編輯了一些小細節，並通過實現滑塊的javascript，在Flexslider 2中添加了Flexslider 2，並在附加了data-thumb技術的foreach循環中創建了<li>標簽（Flexslider專長） 。 Flexslider會自動記錄<div>標記，其中包含所有<li>標記和“瞧”，可以按預期完美執行。

到處進行一些調整以使其正常運行，但是值得，客戶端對此更新感到非常滿意。 :)