WooCommerce y Bootstrap

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

Notice: Undefined index: mime in /var/www/vhosts/garberinformatica.com/httpdocs/wp-content/plugins/advanced-gutenberg-blocks/classes/Blocks/Code.php on line 254

Notice: Undefined index: mime in /var/www/vhosts/garberinformatica.com/httpdocs/wp-content/plugins/advanced-gutenberg-blocks/classes/Blocks/Code.php on line 254

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...

Portada SmartMaterials3d

Tienda online y Blog SmartMaterials3d

En garberinformática hemos creado la nueva versión de la tienda online SmartMaterials3d. SmartMaterials3d es uno de los principales fabricantes nacionales de filamentos

Más...

Portada SmartMaterials3d

Tienda online y Blog SmartMaterials3d

En garberinformática hemos creado la nueva versión de la tienda online SmartMaterials3d. SmartMaterials3d es uno de los principales fabricantes nacionales de filamentos

1 comentario en “WooCommerce y Bootstrap”

Deja un comentario