Archived topic
Cambiar estilo de pestañas de WooCommerce
9 replies · Started by Pedro on June 4, 2020
Hola! Me gustaría cambiar el estilo de las pestañas de WooCommerce (Por defecto vienen horizontal en GP)
Me gustaría que el estilo de las pestaña fuera vertical, como lo indica este artículo: https://matttanguay.com/best-practices/74-avoid-horizontal-tabs/
Hi there,
You can give this CSS a shot change the tabs to a column:
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column;
}Adding arrows/accordion style requires some custom development which is outside the scope of this forum unfortunately.
Hola Leo! Gracias por responder.
Y tú podrías ayudarme con esa personalización? Yo lo pagaré no hay problema.
Unfortunately we don't offer custom development here.
You can try a service like https://codeable.io/
Hola Leo! Gracias por el código.
Mientras consigo a un desarrollador que me ayude con esta personalización. ¿Podrías ayudarme con algo?
Sucede que solo la pestaña "Descripción" tiene bordes en todos los lados.
Las demás pestañas no tienen borde al lado izquierdo, y la última no tiene en la parte inferior.
¿Podrías ayudarme a colocar el borde a todas las pestañas?
¡Muchas gracias!
Looks normal to me?
https://www.screencast.com/t/TgKqkMMTv
They have shared borders.
Hola Leo! Tienes la versión cacheada, por favor refresca el sitio.
Try this:
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border-width: 1px 1px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
border-bottom: 1px solid rgba(0,0,0,.08);
}Hola Leo! Funcionó perfectamente, muchas gracias!
No problem :)
