时间戳

首页 > 解决方案 > Woocommerce 产品库图像显示为全尺寸图像而不是缩略图

php - Woocommerce 产品库图像显示为全尺寸图像而不是缩略图

问题描述

本网站当前的 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 。客户的网站功能齐全，并且在一年中最繁忙的日子里，我需要最有效的解决方案，而无需进行任何重大更改。提前非常感谢。

标签： phpcsswordpresswoocommerce

解决方案

尝试去自定义 -> WooCommerce -> 产品目录并在那里更改图像大小

推荐阅读