然后是所有产品的纵向图像，根据我的主题设计，我必须将所有图像显示在一个方形框中。所以所有图像都被裁剪并显示。
如何在 woocommerce 中禁用原始图像裁剪？
因为我在裁剪 WooCommerce 过程时遇到问题：
原始人像图片
Woocommerce 裁剪图像，例如：
那么我该如何解决这个问题，就像原始图像一样，停止裁剪由 WooCommerce 调整大小的缩略图？
【问题讨论】：
标签： php wordpress image woocommerce product
转到 woocommerce > 设置 > 产品 （标签） > 显示 （子标签）
然后在页面底部的“产品图片”中，禁用硬裁剪选项并保存更改：
然后您需要使用 Regenerate Thumbnails 插件重新生成您的产品图片：
使用 PHP 替代：
有时在某些主题中，这是硬编码的设置。因此，您可以使用此代码 sn-p 更改它们，将其粘贴到活动子主题或主题的 function.php 文件中：
function yourtheme_woocommerce_image_dimensions() {
global $pagenow;
if ( ! isset( $_GET['activated'] ) || $pagenow != 'themes.php' ) {
return;
}
$catalog = array(
'width' => '300', // px
'height' => '300', // px
'crop' => 0 // Disabling Hard crop option.
);
$single = array(
'width' => '150', // px
'height' => '150', // px
'crop' => 0 // Disabling Hard crop option.
);
$thumbnail = array(
'width' => '90', // px
'height' => '90', // px
'crop' => 0 // Disabling Hard crop option.
);
// Image sizes
update_option( 'shop_catalog_image_size', $catalog ); // Product category thumbs
update_option( 'shop_single_image_size', $single ); // Single product image
update_option( 'shop_thumbnail_image_size', $thumbnail ); // Image gallery thumbs
}
add_action( 'after_switch_theme', 'yourtheme_woocommerce_image_dimensions', 1 );
您可以注释/取消注释代码（或删除某些部分）以满足您的需求。此代码将覆盖 WooCommerce 设置 > 产品 > 显示（产品图像）中的定义选项。
激活： 您需要将活动主题切换到另一个主题，然后再切换回来以激活它。
您可能还需要使用 Regenerate Thumbnails 插件...
重新生成产品图片【讨论】：
由于 WooCommerce 菜单随上一个版本而更改，因此此“显示”菜单不再存在。
现在您可以在以下位置找到它：
-> 自定义（当您在前面时位于 Wordpress 的顶部栏中）
->WooCommerce
-> 产品图片
-> 选择“Uncropped”选项，然后点击“Publish”保存。
不要忘记使用此插件重新生成上一篇文章中提到的缩略图：https://wordpress.org/plugins/regenerate-thumbnails/
【讨论】：
如果要通过代码设置，在functions.php文件中添加这个sn-p：
// set thumbnails size in shop page
add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
// Catalog images: specific size
return array(
'width' => 150,
'height' => 150,
'crop' => 0, // not cropped
);
}
正如Silver Moon 提到的，如果您使用此选项，它将强制您共享所有图像的大小相同。我找到了解决此问题的解决方法：我正在使用 Woo Align Buttons 插件来对齐“添加到购物车”按钮并将这些 CSS 属性添加到商店页面中的图像中：
height: 150px;
vertical-align: middle;
display: flex;
如果您想在其他页面（而不是商店页面）上使用它，请按照以下指南操作：https://docs.woocommerce.com/document/image-sizes-theme-developers/
【讨论】：