Creating a WooCommerce product carousel with Elementor Pro is a breeze! First, build a template for the product loop item and customize it to your liking. Then, simply insert the widget into your page and adjust the settings for slides, animation, and pagination. Voila! Your stunning product carousel is ready to rock your website! 🛒🎨🚀
📽️ Introducción
Hola amigos, mi nombre es Carlos y soy de.es. En el vídeo de hoy, os explicaré cómo crear un carrusel de productos de WooCommerce utilizando Elementor Pro. Antes de entrar en el tutorial, me gustaría que si les gusta el vídeo o el contenido que realizo, le dieran un like o se suscribieran al Canal y activaran la campanita para recibir notificaciones de futuros vídeos. También, si tienen alguna duda o pregunta, la pueden dejar en comentarios. ¿Vamos al tutorial?
🛠️ Tutorial
Nos vamos a nuestro administrador y lo primero que vamos a hacer es crear la plantilla de un ítem del Loop de Carrusel de productos. Para ello, nos dirigimos a "plantillas > builder." Ahora que hemos llegado, vamos a "plantillas > builder > item" y le damos un nombre (por ejemplo, "plantilla item lo Carrusel productos").
| Paso | Acción |
|---|---|
| Eliminar 1 planta | Añadir una nueva plantilla y llamarla "item lo Carrusel productos." |
| Modificar diseño | Modificar diseño con contenedores y elementos como imágenes, títulos y botones. |
| Ajustar propiedades | Ajustar tamaños, colores y fuentes desde el panel de diseño en Elementor. |
Una vez que hemos terminado con la creación de la plantilla del ítem, es hora de insertar el widget de Loop Carrusel en la página donde queremos mostrar el carrusel de productos.
| Paso | Acción |
|---|---|
| Insertar widget | Seleccionar el widget de Loop Carrusel e insertarlo en la página. |
| Seleccionar plantilla | Elegir la plantilla previamente generada para el ítem de productos. |
| Personalizar el carrusel | Ajustar número de slides, consulta de productos, estilos y animaciones del carrusel según sea necesario. |
🤔 Personalización adicional
En los "settings" del carrusel, podremos ajustar varios aspectos adicionales, tales como número de slides a mostrar, orden, animación, autoplay, pausa en la animación, tipo de navegación y paginación.
🎨 Estilos
Dentro de los estilos, podrás personalizar aspectos de la visualización del carrusel, como el contenido de textos, fuentes y otros detalles visuales según tus preferencias.
📹 Conclusion
¡Y eso es todo! Con estos sencillos pasos, ya tendrías tu carrusel de productos de Bommer creado. Espero que este tutorial haya sido de utilidad. ¡Si es así, recuerda darle un like, suscribirte al canal, y activar la campanita para recibir notificaciones de futuros vídeos! Si tienes alguna duda o pregunta, no dudes en dejarla en los comentarios. ¡Hasta luego!
