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