Al instalar el plugin de WooCommerce, automáticamente se instala toda la configuración de una tienda online y también automáticamente aparece un icono de un carrito de compra en la parte superior de la página web.
En la plantilla Divi, concretamente aparece en la esquina superior derecha del Menú Secundario, y permanece de forma estática en toda la web.
Si por cualquier razón necesitas eliminar el icono de carrito del menú de Divi, solo tendrás que realizar un paso que llevará un minuto de tu tiempo.
¡Vamos a verlo!
¿Qué hacer para que el icono de carrito de WooCommerce en Divi desaparezca?
Para eliminar el icono de carrito que WooCommerce instala de forma automática en la plantilla de Divi, no existe ninguna configuración directa.
Esto tiene sentido, pues si vendes productos en tu web, lo lógico es que haya un acceso directo al que dirigirse a la Página de Carrito y poder realizar el pago.
Pero también puedes tener razones de peso por las que querer quitar el icono de carrito de la compra en Divi, como por ejemplo, convertir tu tienda con WooCommerce en un catálogo online, no querer mostrar la barra del Menú Secundario de Divi en el diseño web o incorporar el acceso directo del carrito en los productos en vez de en el menú superior.
En cualquier caso, si tu cometido es eliminarlo, haz lo siguiente:
Ve a Divi -> Opciones del Tema -> CSS Personalizado y copia la siguiente línea:
[pastacode lang=»css» manual=».et-cart-info%20%7B%20display%3Anone%3B%20%7D» message=»» highlight=»» provider=»manual»/]
Guarda cambios y el icono del carro de la compra ya habrá desaparecido de la plantilla Divi.
También dejará de aparecer la cantidad de productos añadidos al carro, que Divi, por defecto, lo muestra como «Items».
¡Tan simple como eso!
Espero que te haya servido de ayuda este pequeño truco para eliminar el icono de carrito de la plantilla Divi.
Si por el contrario, quieres añadir este icono o cualquier otro sin necesidad de que enlace a la Página de Carrito, simplemente por diseño, puedes echarle un vistazo al post de cómo añadir iconos a los menús de una web con Divi.
No funciona
genial! fácil y funciona. Gracias
no sirve para los menus verticales???? lo he probado y me sigue apareciendo
Mx gracias! me ha servido de mucha ayuda. 🙂
He repasado detenidamente vuestro blog, Debo admitir que han realizado un estupendo trabajo. Me han servido mucho algunos de los trucos que exponen en sus publicaciones. Espero que sigan subiendo contenido.
Referente a este post, me queda una duda. ¿Como puedo hacer que se muestre el carrito en la versión movil?. Por defecto se oculta.
Muchas gracias
Hola Anton!
El código que se muestra en este post es general y si lo aplicas, el icono de carrito desaparecerá en todos los dispositivos. Si quieres que no aparezca en tamaño móvil, tendrás que utilizar otro código diferente que especifique el tamaño de pantalla en el que deseas o no deseas mostrarlo.
Un saludo y gracias por seguir el blog! 😉
Muchísimas gracias! Necesitaba dejar el carrito de compras «escondido» ya que tengo terminada la web pero faltan detalles de la tienda.
Gracias a ti por seguir el blog Vero 😉