Как изменить положение обрезки миниатюр 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 
} 

Я некоторые попробовать как изменение урожая 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 hook.

Поскольку WordPress 3.9+ представляет собой удивительную новую функцию среди многих, добавлена ​​возможность теперь контролировать положение изображений изображений, загруженных в WordPress.
Я не знаю, доступен ли параметр посевного зелья, доступный для размеров изображений woocommerce, вам придется его протестировать.

Доступные варианты позиции растениеводстве являются:

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

Так на основе this snippet от WooThemes и и (этот относительный новый) варианты урожая 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); 

Вам нужно будет вставить этот фрагмент кода в файл functions.php вашей активной дочерней темы или темы ...

Вы можете комментировать/раскомментировать код (или удалить некоторые порции) в соответствии с вашими потребностями. Этот код будет перезаписывать параметры определения в настройках WooCommerce> Продукты> Дисплей (Изображения продукта).

АКТИВАЦИЯ:
Вам нужно будет переключить активную тему к другому, а затем переключиться обратно, чтобы активировать его.

Ссылки:

• Set WooCommerce image dimensions upon theme activation