Avisos
Vaciar todo

[Resuelto] Galer√≠a de woocommerce en vertical  

 
Juan Salvador
 Juan Salvador
Usuario experto

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
Usuario experto

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