如何更改 WooCommerce 缩略图裁剪位置？

Question

我正在尝试更改 WooCommerce 缩略图裁剪位置。我发现此代码可以帮助更改大小：

add_action( 'init', 'yourtheme_woocommerce_image_dimensions', 1 );

/**
 * Define image sizes
 */
function yourtheme_woocommerce_image_dimensions() {
    $catalog = array(
        'width'     => '100',   // px
        'height'    => '100',   // px
        'crop'      => 0
    );

    // Image sizes
    update_option( 'shop_catalog_image_size', $catalog );       // Product category thumbs
}

我做了一些尝试，比如将 crop 0 更改为 array("center", "bottom") 但它不起作用：

function yourtheme_woocommerce_image_dimensions() {
    $catalog = array(
    'width'   => '300', // px
    'height'  => '400', // px
    'crop'    => 'array("center", "bottom")'
  );

  // Image sizes
  update_option( 'shop_catalog_image_size', $catalog );     // Product category thumbs
}

而且这也没有成功：

if (function_exists( 'add_image_size' )){
  add_image_size( 'shop_catalog', 300, 400, array( 'center', 'bottom' ) );
}

有什么办法可以改变吗？

谢谢。

Answer 1

要更改活动子主题或主题中的现有图像大小（裁剪选项），您需要使用 'after_switch_theme' WordPress 挂钩。

自 WordPress 3.9+ 以来，一个很棒的新功能是添加了控制上传到 WordPress 的图像的裁剪位置的功能。
我不知道 crop potion 高级选项是否适用于 woocommerce 图片尺寸，你将不得不测试它。

裁剪位置的可用选项是：

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

因此，基于来自 wooThemes 的 this snippet 和 WordPress 的（这个相对较新的）裁剪选项，您可以试试这个：

function yourtheme_woocommerce_image_dimensions() {
    global $pagenow;

    if ( ! isset( $_GET['activated'] ) || $pagenow != 'themes.php' ) {
        return;
    }
    $catalog = array(
        'width'     => '300',   // px
        'height'    => '400',   // px
        'crop'      => array( 'center', 'bottom' ) // New crop options to try.
    );
    /* $single = array(
        'width'     => '600',   // px
        'height'    => '600',   // px
        'crop'      => 1        // true
    );
    $thumbnail = array(
        'width'     => '120',   // px
        'height'    => '120',   // px
        'crop'      => 0        // false
    ); */
    // 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 );

您需要将此代码片段粘贴到您的活动子主题或主题的 function.php 文件中……

您可以 comment/uncomment 代码（或删除一些部分）来满足您的需要。此代码将覆盖 WooCommerce 设置 > 产品 > 显示（产品图片）中的定义选项。

ACTIVATION:
You will need to switch your active theme to another and then switch back to activate it.

参考文献：

Set WooCommerce image dimensions upon theme activation

如何更改 WooCommerce 缩略图裁剪位置？

How to change WooCommerce thumbnail crop position?

php

wordpress

crop

image-size

woocommerce