Eliminar carrito de compras woocommerce
agosto 8, 2022 Por Kenny Inactivo

¿Cómo eliminar carrito de compras Woocommerce en WordPress?

Después de pasar dos días viendo tutoriales que por cierto ninguno me funcionó por el tema que estoy usando… pues me di cuenta que la solución es más sencilla de lo que podía imaginar. ¿Cómo eliminar carrito de compras Woocommerce en mi WordPress?

Veamos:

Vas a resaltar el carrito de compras

y con el clic izquierdo en Chrome das clic en inspeccionar.

Pasa tu mouse por el cuadro de HTML hasta que veas la etiqueta

En este tema dice «a.cart-contents»

En personalización de tema te vas al ícono personalizar

en la barra derecha buscas CSS adicional

Haces clic y escribes: la etiqueta que viste en mi caso a.cart-contents (esta etiqueta varía de acuerdo al tema y por eso es que no funcionan algunas de las que se ven publicadas en internet) por eso debes hacer el paso anterior! luego si agregas la etiqueta {
display: none;} quedando en mi caso de la siguiente manera:

a.cart-contents {
display: none;}

Imaginemos que quieres además de eliminar el carrito de compras Woocommerce también  el ícono de registro de la tienda woocommerce en tu wordpress

haremos lo mismo pero en este caso vas a seleccionar el DIV que contiene toda la información veamos:

 

eliminar carrito de compras Woocommerce

En este caso copiaremos la etiqueta y le agregamos

{
display: none;
}

Si lo que quieres es quitar todos los elementos de tu cabecera mientras que tu woocommerce esté funcional yo elegí eliminar el div que contenía toda la información

div.header-right.col-md-2.hidden-xs {
display: none;}

como puedes ver el div que contiene toda la información? con la misma etiqueta anterior visible ves cual es la que lo contiene

alli puedes ver carrito de compras, cuenta y login… el div superior es el que te mostré anteriormente

div.header-right.col-md-2.hidden-xs {
display: none;}

display: none es lo que te permite dar la orden de no mostrar.

La ventaja es que si te equivocas sólo borras el código que acabas de añadir en el editor CSS y listo todo vuelve a estar como estaba.

También te puede interesar Cómo usar el teléfono celular como webcam para zoom