Сделайте миниатюрные изображения WooCommerce больше, чем основное изображение продукта - PullRequest
Новая
       100

Сделайте миниатюрные изображения WooCommerce больше, чем основное изображение продукта

2 голосов
/ 01 августа 2020

Я использую Woocommerce 4.2.0 и дочернюю тему Storefront. На странице продукта я хотел бы сделать миниатюры изображений такими же большими, как и основное изображение (692 пикселя).

У меня это есть в моих функциях. php: 

/**
 * Modify image width theme support.
 */
function iconic_modify_theme_support() {
    $theme_support = get_theme_support( 'woocommerce' );
    $theme_support = is_array( $theme_support ) ? $theme_support[0] : array();

    
    $theme_support['single_image_width'] = 692;
    // $theme_support['thumbnail_image_width'] = 324;

    remove_theme_support( 'woocommerce' );
    add_theme_support( 'woocommerce', $theme_support );
}
add_action( 'after_setup_theme', 'iconic_modify_theme_support', 100 );

введите описание изображения здесь

1 Ответ

1 голос
/ 01 августа 2020

Обновлено - Следующее будет динамически:

  • Отключить гибкий слайдер
  • Отключить функцию масштабирования
  • Установить размер миниатюр изображений галереи равным тот же размер, что и у основного изображения продукта

Код: 

add_filter( 'woocommerce_single_product_flexslider_enabled', '__return_false' ); // Disable slider

add_filter( 'woocommerce_single_product_zoom_enabled', '__return_false' ); // Disable zoom

// Set gallery thumbnails size from single product main image size
add_filter( 'woocommerce_gallery_thumbnail_size', 'filter_gallery_thumbnail_size' );
function filter_gallery_thumbnail_size( $indexed_size ){
    // Get single product main image size
    $indexed_size = wc_get_image_size( 'woocommerce_thumbnail' );

    return array( $indexed_size['width'], $indexed_size['height'] );
}

Код входит в functions. php файл вашей активной дочерней темы (или активной темы). Проверено и работает.

введите описание изображения здесь

...