En esta ocasión voy a mejorar el estilo del widget Carrito de WooCommerce para que sea más vistoso para los futuros compradores. El diseño que trae por defecto es demasiado simple y lo que he hecho es darle un poco de color.

Para poder modificarlo hay que añadir los siguientes estilos a nuestra plantilla:


/* Estilo del Widget del Carrito WooCommerce */
#woocommerce_widget_cart-2 {
border: 3px solid #772424; padding: 6px;
}
#woocommerce_widget_cart-2 > h4 {
background: #772424; color: white; padding: 9px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 3px double #772424;
}

El resultado es el siguiente:

Carrito de WooCommerce

Espero que os haya gustado y podáis aplicarle vuestros colores para que se ajuste mejor a vuestra plantilla.

About these ads

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

CERRAR

Pin It on Pinterest

Share This

Compártelo

¡Comparte este artículo con tus amigos!