如何使 WooCommerce 产品图像进行缩放?

redmaomail 2024-07-24 17:24 阅读数 74 #WooCommerce

红帽云邮外贸主机

在之前的文章中,您已经明确了解了WooCommerce 运输区域设置,因此接下来我们将了解更多关于支持插件的信息,这些插件将使您的在线销售在 WooCommerce Image Zoom 中更有效。在本文中,我将向您介绍 YITH WooCommerce Zoom Magnifier,它也在您的产品界面中发挥重要作用。

由于它为您的访问者提供了一个详细检查产品质量的机会。使用 YITH WooCommerce Zoom Magnifier,您可以为所有产品图像添加缩放效果。 WordPress 插件还在精选图片下方添加了一个滑块,以及您的产品库图片。

YITH WooCommerce Zoom Magnifier 的主要特点

  • 在鼠标悬停上显示更大尺寸的产品图像。
  • 在移动设备上启用或禁用它。
  • 添加一个显示产品图像缩略图的滑块。
  • 自定义滑块行为。
  • 自定义缩放区域的宽度和高度以及图像的大小以显示为缩放图像。

安装 YITH WooCommerce Zoom 放大镜。

首先,要安装这个插件,您应该安装 Woocommerce YITH Essential Kit# 1 的插件,然后安装 YITH 插件>> YITH Essential Kit for Woocommerce#1 并安装 YITH WooCommerce Zoom Magnifier 。以下是安装此插件的所有步骤:

YITH WooCommerce Zoom Magnifier

  • 转到插件>> 添加新的。插件页面将显示如下:

安装YITH WooCommerce Zoom放大镜

  • 在搜索插件框中找到 “ YITH WooCommerce Zoom Magnifier ”
  • 点击 “ 立即安装 ” 安装插件。

安装插件

  • 点击 “ 激活 ” 来激活插件

激活插件

WooCommerce 缩放图像设置

YITH插件设置

一旦您安装了插件,您的产品会自动产生效果,但它也提供了一个叫做常规设置的部分,所以您可以在 YITH >> Zoom 放大镜中自定义选项。

常规设置

常规设置

  • 激活 YITH WooCommerce 变焦放大镜:激活产品图像的变焦效果。
  • 在移动设备上激活:在移动设备上激活缩放效果。
  • 强制图像大小:按下以显示适合此插件的图像大小,因此请选择是否要显示良好。

放大镜设置

放大镜设置

  • 缩放框宽度:缩放模式下图像显示区域的宽度。
  • 缩放框高度:缩放模式下图像显示区域的宽度,直到自动。
  • 图片大小:产品头像的大小。
  • 缩放框位置:显示缩放框的位置
  • 移动设备的缩放框位置:显示移动设备上缩放框的位置
  • 加载标签:字母在加载时显示。
  • 镜头不透明度:变焦镜头不透明度。
  • 模糊:启用自动模糊。

滑块设置

滑块设置

  • 激活滑块:启用缩小产品头像内的图像。
  • 激活响应滑块:激活幻灯片以响应。
  • 项目:幻灯片中显示的缩略图数量。
  • 圆形轮播:在循环中启用显示,最后一张幻灯片将成为第一张幻灯片。
  • 无限轮播:分别启用产品图像的显示。

总结

总之,您对 WooCommerce Image Zoom 有更深入的了解和深入了解。此功能将帮助客户更轻松地查看产品,这对您的销售也有好处。

文章没看懂?代码不会用?需要帮助您可以

红帽云邮外贸主机

分享到:
版权声明:本站内容源自互联网,如有内容侵犯了你的权益,请联系删除相关内容。
    红帽云邮外贸主机
热门
    红帽云邮外贸主机
    红帽云邮外贸主机