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

Posted 2023-02-19

【中文标题】调整 Woocommerce 购物车缩略图的大小

【英文标题】：Resizing Woocommerce cart thumbnails

【发布时间】：2017-08-05 07:25:29

【问题描述】：

我在 woocommerce 中的购物车缩略图出现了裁剪。

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

我知道如何使用 woocommerce > 设置 > 产品 > 显示来更改缩略图大小，但我的主题似乎覆盖了这些设置。

见下文：

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

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

【参考方案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' );

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

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

【讨论】：

谢谢。它在更新 setup.php 文件时效果很好，但不能使它与子主题中的 functions.php 一起使用。

【参考方案2】：

我找到了另一种使用 CSS 调整 woocommerce 购物车内产品缩略图大小的方法。

CSS 代码位于您的 wordpress 管理仪表板的（外观 > 自定义 > 附加 CSS）下。经过测试和工作。

.woocommerce .cart.shop_table .product-thumbnail img 

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

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