Cómo alinear verticalmente las imágenes de Woo de un producto en Divi
Accede este contenido siendo premium o subiendo tu membresía actual ⭐
Si deseas acceder a este contenido completo puedes hacerlo teniendo una Membresía Anual.
Con este plan accederás a este y más contenidos premium de nuestra plataforma disponible únicamente para nivel de membresía, si no tienes una membresía o tienes una membresía diferente a la Anual, deberás adquirir o cambiar de membresía para acceder a este contenido.
En este videotutorial prémium aprenderás a alinear las imágenes de la galería Woo verticalmente en un producto en Divi. Es un tutorial prémium pedido por uno de nuestros suscriptores, así que nos pusimos manos a la obra.
Recuerda que puedes descargar tanto el archivo .JSON como el código que se uso en el tutorial en la parte inferior, en la zona de recursos del tutorial.
Objetivo del profesor:
La idea es lograr apilar las imágenes de la galería de productos que nos muestra WooCommerce en cada producto, e insertar un pequeño cachó de código CSS personalizado dentro del Theme Builder para lograr generar esta. Visualización correcta.
Es un proceso relativamente sencillo, pero hay que tomar en cuenta varios detalles, como la anchura del contenedor de producto y la distribución de las columnas en la página de producto. Lo vemos a detalle en el vídeo, de esta manera lograremos alinear verticalmente las imágenes de Woo de un producto en Divi.
Resultado:
Lograremos un resultado igual a este:
Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.
Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐
Hola, excelente vídeo. Como podría hacer si tengo mas de 4 imágenes en galería de productos. Una opción para que puede usar botones de navegación cuando sean mas de 4. Saludos
Hola Oscar, acabamos de publicar un tutorial premium que quizá pueda solucionar tu problema de una manera efectiva, puedes echarle un vistazo aquí: https://uxdivi.com/tutorial-premium/woocommerce/como-crear-un-slider-de-imagenes-de-producto-en-woo-con-divi
hola gracias pero no me deja descargar las plantillas me indica que esta dañado el archivo
Hola Jairo, ya hemos corregido el enlace de descarga, muchas gracias por avisarnos.