En la última entrega, exploramosConfiguración básica de módulos en el tema Avadaque seguro que ya conoces bien. Hoy, continuaremos explicando algunos módulos más especiales, como los módulos WooCommerce Product Rotator, Product Grid e Image Hotspot. Estos módulos proporcionan opciones más flexibles para mostrar productos y características funcionales, para que su sitio web pueda mostrar contenido de una manera más rica y diversa. A continuación, vamos a sumergirnos en la configuración y los escenarios de aplicación de estos módulos especiales.
Si necesitamos mostrar productos, podemos elegir WooCommerce y el tema junto con el módulo sindicado
![Imagen[1]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107074954.png)
Vamos a a?adir un Woo ProductCarousel
![Imagen [2] - Análisis en profundidad del módulo especial del tema Avada: rotación de productos, rejilla de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107195211.png)
La rotación es una línea de productos en el sentido de la diapositiva, si usted necesita este efecto puede considerar este módulo
![Imagen [3] - Análisis en profundidad del módulo especial del tema Avada: rotación de productos, rejilla de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107214068.png)
![Imagen [4]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107240138.png)
?El lado izquierdo puede establecer su dise?o, así como el número de productos para mostrar cuántas columnas, así como en este módulo para mostrar una serie de elementos, tales como categorías, etiquetas, precios, botones, etc, que no habla uno por uno, la traducción directa se puede entender!
Si crees que este efecto no es de tu agrado
También tiene la opción deWoo ProductGrid(Parrilla de productos)
![Imagen [5]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107364155.png)
Los ajustes son mal leídos, aquí no se explicará uno por uno, pero la función de configuración de cada módulo también tiene una cierta diferencia, como el módulo de rotación anterior sólo tiene un área de configuración, sin configuración de colores y efectos dinámicos, pero las siguientes rejillas de productos que es el dise?o (Dise?o) y los efectos dinámicos de la configuración, por lo que mirar la situación real, es necesario tomar una característica rica es sin duda el siguiente esto
![Imagen [6] - Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107403593.png)
A continuación le decimos a un módulo de puntos calientes de imagen (Image Hotspots)
![Imagen [7] - Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107514411.png)
Cuando este módulo se utiliza generalmente, si usted necesita para establecer puntos de distribución en la imagen, es decir, puntos de anclaje, tales como mapas, su punto de venta, así como introducir las características de este producto se puede utilizar con este módulo
![Imagen [8]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107574962.png)
Aquí utilizamos el logotipo de Apple como demostración, y la imagen de fondo también es aleatoria
![Imagen [9]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091107585936.png)
?Cómo lo preparamos?
Artículo: es el punto de anclaje en la imagen, se puede entender de esta manera, me puse tres, puede establecer más de acuerdo a sus necesidades
![Imagen [10]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091108022121.png)
Después de hacer clic en Editar, puede establecer su posición, arrastre para ver el efecto de la derecha, horizontal y vertical, pero se recomienda ajustar el icono del elemento y el color antes de arrastrar, porque si no es evidente o cubierto por el fondo se perderá el efecto en tiempo real, de la siguiente manera
![Imagen [11]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091108063192.png)
A continuación, también podemos establecer el icono del elemento, así como el texto táctil
![Imagen [12]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicios profesionales de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091108110020.png)
Texto desencadenante: es el texto que se muestra directamente
Popover Heading: se mostrará sólo cuando se toque el elemento, este es el título.
Contenido del Popover: Esta es la descripción
![Imagen [13]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicios profesionales de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091108202859.png)
Segundo General: Establezca aquí la imagen de fondo y la anchura y posición, como se muestra arriba.
![Imagen [14]-Análisis en profundidad del módulo especial del tema Avada: rotación de productos, cuadrícula de productos y zona activa de imágenes (05) - Photon Flux Network | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](http://gqxi.cn/wp-content/uploads/2024/09/2024091108225599.png)
Así como el dise?o (Design) aquí para dise?ar el color de una parte del artículo, así como sus efectos de animación.
Cada paso tiene que estar en su sitio para obtener grandes resultados, así que ten esto en cuenta
resúmenes
A través de este tema, debería tener una comprensión más clara de estos módulos especiales del tema Avada. Ya se trate del módulo WooCommerce para mostrar productos o del módulo hotspot de imagen con efecto interactivo, Avada proporciona herramientas diversificadas para ayudarle a mejorar la experiencia de usuario de su sitio web. Esperamos que este número le resulte útil, le invitamos a dejarnos un comentario o a ponerse en contacto con nosotros, seguiremos compartiendo más consejos y métodos prácticos sobre el tema Avada en el próximo número.
Contacte con nosotros | |
---|---|
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas |
![]() Servicio de atención al cliente WeChat
|
① Tel: 020-2206-9892 | |
② QQ咨詢:1025174874 | |
(iii) Correo electrónico: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/19494El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios