在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：