Cree un carrusel de producto utilizando el widget de carrusel del producto WooCommerce en Elementor

Crear una tienda WooCommerce puede ser una excelente manera de comenzar su negocio comercial electrónico. Mientras construye un sitio web de comercio electrónico, debe centrarse en el diseño de la tienda. Mejora la experiencia del usuario y eventualmente ayuda a aumentar las ventas. WooCommerce + Elementor + Happy Addons = una excelente combinación para diseñar el sitio de comercio electrónico en unos minutos. En Happy Addons Pro, recibirá widgets y funciones exclusivas de WooCommerce que lo ayudarán a crear su tienda de sueños en línea. Ahora, nos gustaría presentar el carrusel del producto de Happy Addons Pro, que le permite diseñar un hermoso carrusel de producto para su sitio de elementos. Exploremos cómo funciona este widget en cuestión.
Cómo usar WooCommerce Product Widget de carrusel de complementos felices para crear un carrusel increíble que cree un carrusel para mostrar los productos de su tienda en línea en el sitio web de Elementer ya no es una tarea difícil. Usando el widget de carrusel del producto WooCommerce de complementos felices, puede crear productos exclusivos para su sitio de elementos, siguiendo 3 pasos simples. Antes de comenzar estos pasos, permítanos mostrarle la lista de requisitos preliminares. Requisitos preliminares Para usar ese maravilloso wooCommerce Product Carousel, necesita lo siguiente:
WooCommerce (gratis)
Elementor (gratis)
Suplementos felices (gratis)
Feliz Addons Pro
Comiencemos: Paso uno: agregue el widget de carrusel del producto feliz complemento, busque el carrusel del producto en la barra de búsqueda y seleccione el widget en el menú a la izquierda. Luego tire y colóquelo en el área de trabajo.

Paso dos: agregue contenido al carrusel del producto en el área de contenido, obtendrá las opciones necesarias para agregar el contenido al carrusel. Las opciones son
interrogatorio
Configuración del carrusel
Exploremos cada opción uno por uno. 1. Apariencia en apariencia -> Apariencia, puede establecer el diseño del carrusel clásico y moderno. Consulte la imagen a continuación para comprender cómo funciona el diseño de la piel.

También puede personalizar el contenido de contenido utilizando la siguiente configuración.

Tamaño de la imagen: puede cambiar el tamaño de la imagen del producto de acuerdo con sus necesidades.
Mostrar la insignia de venta: también puede mostrar y ocultar la insignia de venta.
Mostrar evaluaciones: si desea mostrar la evaluación del producto, puede hacerlo aquí.
Muestra Agregar en la canasta: el botón Agregar al carrito también puede mostrar y esconderse de acuerdo con su propósito.
Visualización de vista rápida: si desea ver su producto individual, debe activar la vista rápida.
Alineación de contenido: también puede definir la alineación de contenido, como la izquierda, el centro y la derecha.
2. Interrogatorio La opción de consulta le ayuda a interrogar los productos en la tienda, para que pueda mostrarlos en el carrusel.

Aquí, puede incluir y excluir productos como productos recomendados, nuevos productos, los mejores productos de venta y más. También puede solicitar los productos con el título, ID, fecha, menú de pedidos y aleatorio. Y capaz de definir el orden como ASC y DSC.
3. Configuración del carrusel aquí, en la configuración del carrusel, puede establecer la velocidad de la animación, el juego automático, la velocidad del juego automático y el bucle infinito del carrusel del producto.

Nota: La velocidad de la diapositiva de animación y la velocidad de reproducción automática se definirán en milisegundos. Afiguración del carrusel Navegación y tamaño del tamaño Para mostrar Puede establecer el estilo de navegación, como flecha, puntos y flechas y puntos en el área de configuración del carrusel. Aquí, también puede administrar cuántas diapositivas deben mostrarse en el carrusel. Pas tres modelos de su carrusel de producto WooCommerce En la sección de estilo, encontrará las opciones de estilo esenciales para personalizar el contenido del carrusel. Aquí están las opciones disponibles.

Elemento de carrusel

Imagen y insignia
Contenido
El botón se suma al carrito
Navegación – Flecha
Navegación – Puntos
Botón de vista rápida
Vista rápida modal
1
2. Imagen y insignia Si desea rediseñar la imagen y la insignia del producto, puede hacerlo aquí en la opción Imagen e Insignia.

Imagen Puede establecer la imagen del ancho, la altura, el rayo del borde y la sombra de la caja.

La insignia y también puedes cambiar la posición de la insignia, el forro, el rayo del borde, la sombra de la caja, la tipografía, el color de fondo y el color a tu manera.

3. El contenido puede atacar el contenido, el precio y la evaluación del contenido accediendo al área de estilo -> Contenido.

4. El botón se suma a la canasta de acuerdo con sus necesidades, puede personalizar el diseño del botón Agregar en la canasta. Aquí puede administrar el espacio, el llenado, el rayo de borde, el tipo de borde y la tipografía del botón del cochecito.

5. Arrow de navegación La flecha de navegación del carrusel del producto también puede ser personalizable. Para que sea más elegante, debe acceder al área de estilo-> Flecha de navegación. Aquí obtendrá las opciones de estilo de navegación. Puntos de navegación como la flecha de navegación, también puede rediseñar la posición vertical de los puntos de navegación, el espacio entre la alineación y el color.

7. Botón de vista rápida Si lo necesita, puede cambiar el relleno, el rayo de borde, la tipografía, el color y el color de fondo del botón de vista rápida.

8. Vista rápida El modal puede incluso diseñar el contenido modal de vista rápida, como el título, la evaluación, el precio, el resumen y agregar al gato en su propio estilo.

La vista previa final del WooCommerce Product Widget del carrusel del producto Si sigue todas las instrucciones anteriores, el resultado final del carrusel del producto se verá como la imagen a continuación.

Para obtener más detalles, puede consultar la documentación del Happy Addons Product Carousel.

¡Lea la documentación del carrusel del producto!

Felices complementos Otros widgets de WooCommerce que puede considerar para diseñar su tienda en línea

Happy Addons Pro viene con 7 widgets de WooCommerce, incluidos los widgets de carrusel de productos. Estos widgets esenciales ayudan a construir un sitio de comercio electrónico de una manera más organizada. Hablemos de los otros widgets de WooCommerce útiles uno por uno. 1. Grid de productos (Pro): la cuadrícula de productos es un widget increíble que le permite presentar sus productos WooCommer en una alineación de cuadrícula perfecta. Ahora puede mostrar fácilmente más productos en diferentes partes de su Elementor WooCommerce. 2. Grid de categoría de productos (PRO): debe mostrar productos comerciales electrónicos de acuerdo con las categorías para ciertos clientes objetivo. Con este nuevo widget para categorías de productos de complementos felices, puede mostrar fácilmente los productos de su categoría WooCommerce Store. 3. Carrusel para categorías de productos (PRO): puede agregar productos de acuerdo con la categoría en un control deslizante de carrusel utilizando el widget moderno de carrusel. 4. Producto único (PRO): el widget de producto único le permite decorar cada producto en su estilo 5. Mini carrito (Pro): con un mini carrito nuevo y eficiente, agregue un carrito de compras a un sitio electrónico de sitio comercial. Ahora sus clientes pueden manejar su pedido en su carrito de manera adecuada.