Woocommerce 钩子将产品图库图像显示为全尺寸图像

Question

有人可以展示我们如何在 Woocommerce 中使用此代码吗？

我正在使用此代码 Woocommerce product gallery images are showing as full size images instead of thumbnail 但不工作。 （也许，我就是不知道怎么用）

 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>';

     }

  }

Answer 1

使用

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

而不是

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