Настройка коэффициента увеличения изображения продукта в woocommerce 3

Question

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

Любая помощь очень ценится.

Answer 1

Это возможно, используя woocommerce_single_product_zoom_options выделенный фильтр-хук.

Хук недокументированные доступные параметры в массиве опций:

$zoom_options = array (
    'url' => false,
    'callback' => false,
    'target' => false,
    'duration' => 120, // Transition in milli seconds (default is 120)
    'on' => 'mouseover', // other options: grab, click, toggle (default is mouseover)
    'touch' => true, // enables a touch fallback
    'onZoomIn' => false,
    'onZoomOut' => false,
    'magnify' => 1, // Zoom magnification: (default is 1  |  float number between 0 and 1)
);

Использование с крючком фильтра woocommerce_single_product_zoom_options для изменения уровня увеличения (например, мы уменьшаем уровень масштабирования до минимума) :

add_filter( 'woocommerce_single_product_zoom_options', 'custom_single_product_zoom_options', 10, 3 );
function custom_single_product_zoom_options( $zoom_options ) {
    // Changing the magnification level:
    $zoom_options['magnify'] = 0.7;

    return $zoom_options;
}

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

Перед с увеличением по умолчанию (установлено на 1) :

Перед с увеличением, установленным на 0.7: