Question

我在woocommerce中的购物车缩略图显示为裁剪。

我的网站：http://www.laxstreetwear.com

我知道如何通过woocommerce＆gt;更改缩略图大小。设置＆gt;产品＆gt;显示但似乎我的主题覆盖了这些设置。

见下文：

https://i.stack.imgur.com/lS2UL.jpg

我的问题是：如何更改“shop_isle_cart_item_image_size（58x72裁剪）”的大小？

Answer 1

在第126行查找名为wp-content/themes/shop-isle/inc/functions/setup.php的文件。主题创建者在其中对其进行了硬编码。但是，不是修改可以更新并可能撤消更改的主题，而是编辑子主题中的 functions.php 文件并添加以下代码：

function func321_replace_image_sizes() {
    add_image_size( 'shop_isle_cart_item_image_size', 58, 72, true );
}
add_action( 'after_setup_theme', 'func321_replace_image_sizes' );

这应该允许您覆盖基本主题中设置的大小。

编辑：还记得在进行此更改后重新生成缩略图。

Answer 2

我发现了另一种使用CSS调整woocommerce购物车中产品缩略图的图像大小的方法。

CSS代码位于wordpress管理控制台的（外观>自定义>其他CSS）下。经过测试并有效。

.woocommerce .cart.shop_table .product-thumbnail img {

   max-width: 200px; // <== Define your Shopping Cart Thumbnail Image Size

}

请确保您上传的源图像缩略图大于要应用的最大宽度，以避免在应用此CSS时图像质量下降。

调整Woocommerce购物车缩略图的大小

2 个答案: