Análisis en profundidad de los módulos especiales del tema Avada: rotación de productos, rejilla de productos y zona activa de imágenes (05)

在上一期中，我们探讨了Avada主题中的基本模块设置，相信大家已经对其有了一定的了解。今天，我们将继续讲解一些更为特别的模块，如WooCommerce产品轮播、产品网格和图片热点模块。这些模块为展示产品、功能特点提供了更灵活的选择，让你的网站能够更加丰富多样地展示内容。接下来，让我们一起深入了解这些特别模块的设置和应用场景

如果我们需要展示产品，我们可以选择WooCommerce和主题一起联合的模块

我们加入一个Woo ProductCarousel（产品轮播）

轮播就是一行的产品在滑动的意思，如果你需要这种效果可以考虑这种模块

左侧可以设置他的布局，以及展示多少产品多少列，还有在这个模块展示的一些元素，比如分类，标签，价格，按钮等等，这就不一一讲了，直接翻译即可了解

如果你觉得这个效果你不喜欢

你还可以选择Woo ProductGrid(产品网格）

设置都是差不读的，这里就不一一解释了，但每个模块的设置功能也有一定的区别，比如上面轮播模块他只有一个设置区域，没有设置颜色和动态效果的，但下面的产品网格他是有这个设计（Design）和动态效果的设置的，所以你看实际情况，你需要功能丰富的拿肯定是下面这个

接下来我们讲述一个图片热点模块（Image Hotspots）

这个模块一般应用在哪里呢，如果你需要在图片上设置分布点，就是锚点，比如地图，你的销售点，以及你介绍这个产品的特性都可以用这个模块

这里我们使用苹果的标志作为演示，背景图片也是随机的

那么我们怎么去设置呢

Item：就是图中的锚点，你可以这样理解，我设置了三个，你可以根据你的需要设置更多

点击编辑后，可以设置他的位置，拖动查看右侧的效果，横向和竖向，但建议调整好item的图标和颜色后，再来拖动，因为如果不明显或者被背景遮盖会错过实时效果，如下图

然后我们还可以设置item的图标，以及触碰的文本

Triggering Text：是直接显示的文本

Popover Heading：是触碰到item才会显示，这个是标题
Popover Content: 这个是描述

第二个General: 在这里设置背景图片和宽度还有位置，如上图

以及设计（Design）这里设计item某一部分的颜色，还有他的动画效果

需要每一步都到位，才会有很好的效果，请记住这个步骤

resúmenes

通过本期内容，你应该对Avada主题中的这些特别模块有了更加清晰的认识。无论是展示产品的WooCommerce模块，还是具备互动效果的图片热点模块，Avada提供的多样化工具可以帮助你更好地提升网站的用户体验。希望这期内容对你有所帮助，欢迎留言或者联系我们，下期我们将继续分享更多Avada主题的技巧与实用方法。