Galería de woocommerce en vertical

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?

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

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

Estimable Member

gracias! eso quedó perfecto 🙂

Respondido : 27/05/2021 9:41 pm

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

[Resuelto] Galería de woocommerce en vertical