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

Question

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

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

Любая помощь с благодарностью.

1

image php woocommerce wordpress zoom

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Это возможно с помощью 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;
}

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

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

До с увеличением установлено на 0.7:

3