通过 
搜索
搜索magepow / productzoom
Magento 2 产品缩放图像。
1.0.1
2021-05-12 06:48 UTC
Requires
- magepow/core: ^1.0.0
README
Magento 2 产品图片缩放扩展
您在 Magento 在线商店销售产品，Magento 2 产品缩放扩展将帮助客户以最清晰、最详细的方式查看您的产品。
描述
在线购物时，阻碍客户购物流程的问题是无法直接查看产品详情。理解这一点，Magepow 开发了 Magento 2 产品缩放扩展。
此扩展允许客户放大产品图像以查看在正常分辨率下无法看到的产品细节。您可以使用 3 种缩放类型：窗口缩放、内部缩放和透镜缩放。
- 窗口缩放：可以通过设置默认位置并使用 x 和 y 偏移量进行调整来定位窗口。您还可以将窗口定位到容器中。管理员可以在管理面板中自定义缩放窗口的大小（宽度、高度）和缩放窗口偏移量（x 轴、y 轴）。
- 内部缩放：缩放可以放置在图像内部
- 透镜缩放：您可以使用透镜缩放设置“放大图像”。图像至少被约束，使其位于图像下方。
Magento 2 产品缩放功能
-
使用 3 种缩放类型以适应您的产品
-
产品图像缩放悬停：将鼠标悬停在每个产品图像上，向前滚动以放大产品细节，向下滚动以缩小缩放。
-
使用缓动效果和淡入/淡出速度进行平滑缩放。
-
选择光标：选项包括默认光标、光标、十字准星
-
支持响应式
-
图像交叉淡入
-
自定义边框
-
自定义色调
专业版本具有突出功能
如何下载和安装 Magento 2 产品缩放
根据说明进行安装。
Magento 2 产品缩放用户指南
常规配置
启用 Magento 2 产品缩放
转到 管理面板 > 店铺 > 设置 > 配置 > Magepow > 产品缩放 选择 是 以启用模块。
设置 Magento 2 产品缩放
转到 管理面板 > 店铺 > 设置 > 配置 > Magepow > 产品缩放
- 缩放类型：选择 1 种窗口、内部或透镜类型。
如果您选择窗口，则需要设置：
- 缩放窗口位置：通过设置默认位置，然后使用 x 和 y 偏移量进行调整来定位窗口。
- 缩放窗口偏移 x：缩放窗口的 x 轴偏移量。
- 缩放窗口偏移 y：缩放窗口的 y 轴偏移量。
- z-index 窗口缩放
- 缩放窗口宽度：缩放窗口的宽度。
- 缩放窗口高度：缩放窗口的高度。
- 缩放窗口淡入：您可以在窗口上淡入。
- 缩放窗口淡出：您可以在窗口上淡出。
- 透镜形状和窗口形状：透镜或窗口的形状。
- 透镜颜色和窗口颜色：透镜或窗口背景的颜色。
- 色调：您可以为缩放轻松设置色调。
- 色调颜色：您可以设置色调覆盖的颜色值。
- 色调不透明度：您可以设置色调覆盖的不透明度值。
- 光标：使用默认的3种样式更改指针形状，指针或十字。
- 响应式：设置为true以激活响应式功能。如果您有大小会改变的主题或方向会改变的平板电脑，则需要打开此功能。
- 图片交叉淡入：设置为true以在画廊更改时激活图片的同步交叉淡入。
- 边框大小：缩放框的边框大小
- 边框颜色：缩放框的边框颜色
- 缓动：您可以使用默认的缓动或自定义缓动设置。缓动的量也可以改变 - 默认为12，设置得更高则更平滑，设置得更低则更生硬
如果您选择内嵌，则需要设置
- 光标
- 响应式
- 图像交叉淡入
- 缓动
如果您选择透镜，则需要设置
- 透镜大小：透镜的大小。
- 透镜淡入：您可以在透镜上淡入。
- 透镜淡出：您可以在透镜上淡入淡出。
- 缩放透镜：设置为false以隐藏透镜。
- 透镜边框：透镜边框的像素宽度。
- 透镜形状和窗口形状
- 包含透镜缩放：这确保透镜不会超出图像的外部。
- 透镜颜色和窗口颜色
- 透镜不透明度
- 着色
- 着色颜色
- 着色不透明度
- 响应式
- 图像交叉淡入
- 边框大小
- 边框颜色
- 缓动
这是前端的结果
