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

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

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

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

?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

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

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

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

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

?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

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

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

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

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

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
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
? Declaración de reproducción
Este artículo fue escrito por Harry
EL FIN
Si le gusta, apóyela.
felicitaciones0 compartir (alegrías, beneficios, privilegios, etc.) con los demás
comentarios compra de sofás

Por favor, inicie sesión para enviar un comentario

    Sin comentarios