Avisos
Vaciar todo

[Resuelto] Galería de woocommerce en vertical  

 
Juan Salvador
 Juan Salvador
Estimable Member

Hola de nuevo, es posible colocar las imágenes de la galería de fotos de un producto de woocommerce en vertical en el lateral de la imagen destacada?

image

 Me gustaría un resultado parecido a este que os muestro en la screen.

Contenido solo visible a usuarios registrados

Respondido : 27/05/2021 7:38 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Juan Salvador,

En este caso puedes verificar si con el siguiente código CSS logras añadir la galería de la forma que deseas

@media only screen and (min-width: 768px) {
.woocommerce-product-gallery {
display: flex;
}

.woocommerce-product-gallery .flex-control-thumbs {
order: -10;
margin-top: 0 !important;
margin-right: 10px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
padding-top: 0;
padding-bottom: 5px;
}
}

Añadelo en el apartado Apariencia -> Personalizar -> CSS Adicional

Verifica si con ello logras añadir lo que deseas

Un Saludo

Respondido : 27/05/2021 7:55 pm

Juan Salvador
 Juan Salvador
Estimable Member

gracias! eso quedó perfecto 🙂

Respondido : 27/05/2021 9:41 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Juan Salvador,

Pude ver el resultado y quedo excelente, cualquier otra consulta estaremos atentos.

Saludos

Respondido : 27/05/2021 9:48 pm