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)

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

Vamos a añadir un Woo ProductCarousel

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

¡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)

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

A continuación le decimos a un módulo de puntos calientes de imagen (Image Hotspots)

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

Aquí utilizamos el logotipo de Apple como demostración, y la imagen de fondo también es aleatoria

¿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

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

A continuación, también podemos establecer el icono del elemento, así como el texto táctil

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

Segundo General: Establezca aquí la imagen de fondo y la anchura y posición, como se muestra arriba.

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: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres