WooCommerce y Bootstrap

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

APUNTES | WooCommerce y Bootstrap

Si estás desarrollando un plugin o tema que haga uso de Bootstrap y además de WooCommerce, podrás observar alguna incompatibilidad con las columnas en algunas páginas. En esta entrada aprenderás una forma fácil y práctica para solucionarlo. Solamente añadiremos algunas líneas al archivo CSS de nuestro tema.

Por ejemplo en la página finalizar-compra en la columna encargada de rellenar los datos del cliente en el carrito:

Esto es debido al nombre de las classes de las columnas utilizado tanto por WooCommerce y por BootStrap:

HTML

Podemos arreglar fácilmente esta incompatibilidad añadiendo un par de líneas al archivo CSS de nuestro tema

CSS

Actualizamos nuestra página y comprobamos que ya se visualiza como debe:

¿Tienes una tienda online con WooCommerce y necesitas configurarla correctamente? ¿Quieres añadir alguna funcionalidad extra a tu tienda y no sabes cómo? Podemos ayudarte, haz click aquí.

Más...

Nueva web Laboratorios Valquer

En colaboración con Amvos, hemos realizado la nueva web de laboratorios Valquer. Es una empresa fundada en 1975, con presencia en más

Nueva web credithousecar.com

Ha sido un placer realizar todo el diseño y la imagen corporativa de credithousecar.com Una web moderna y actual, con un diseño

Más...

Nueva web Laboratorios Valquer

En colaboración con Amvos, hemos realizado la nueva web de laboratorios Valquer. Es una empresa fundada en 1975, con presencia en más

Nueva web credithousecar.com

Ha sido un placer realizar todo el diseño y la imagen corporativa de credithousecar.com Una web moderna y actual, con un diseño

1 comentario en “WooCommerce y Bootstrap”

Deja un comentario

Ebook Gratis 7 claves para atraer clientes a tu web