WooCommerce 产品图像缩放选项的可用参数详细信息

Question

如果这些是非常基本的问题，我深表歉意，但我正在尝试了解 Woocommerce 挂钩。

在下面的帖子中，答案非常有帮助地列出了钩子的可用参数

woocommerce_single_product_zoom_options

：

是否有所有钩子和相关参数的存档？我查看了 Woocommerce，可以找到挂钩列表，但它没有提供有关参数的信息。

非常感谢您的帮助。

Answer 1

您可以在 WooCommerce 插件中包含的

woocommerce_single_product_zoom_options 文件

 上找到

jquery.zoom.js 挂钩的所有可用参数，但它们未记录在此文件中。但正如你所看到的，它是一个 jQuery 插件，因此有一些文档：

所以详细的可用选项参数是：

url
- （默认值为
false
） - 要显示的大照片的 url。如果未提供 url，则缩放将使用其分配到的元素内的第一个子 IMG 元素的 src。
on
（默认值为
'mouseover'
）：触发缩放的事件类型。选择鼠标悬停、抓取、单击或切换。
duration
（默认为
120
）：大图的淡入/淡出速度。
target
（默认值为
false
）：应用作缩放图像的父容器的选择器或 DOM 元素。
touch
（默认值为
true
）：通过触摸事件启用交互。
magnify
（默认值为
1
）：该值乘以缩放图像的完整尺寸。默认值为
```
1
```
，这意味着缩放图像应为其自然宽度和高度的 100%。
callback
（默认值为
false
）：图像加载时调用的函数。在函数内部，
```
this
```
引用图像元素。
onZoomIn
（默认值为
false
）：图像放大时调用的函数。在函数内部，
```
this
```
引用图像元素。
onZoomOut
（默认值为
```
false
```
）*：图像缩小时调用的函数。在函数内部，
```
this
```
引用图像元素。