Ya sabes cómo poner un aviso global en la tienda con Woocommerce. Pero no te gusta que el usuario pueda hacer clic en el texto del botón “descartar” y que desaparezca el aviso global en tienda con Woocommerce.
Quieres que el aviso global en la tienda siempre esté presente hasta que tu decidas desactivarlo.
¿este es el problema que tienes?
Pues ya verás que tiene una solución muy sencilla.
Vamos a verlo.
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
QUITAR ENLACE PARA CERRAR AVISO GLOBAL EN TIENDA WOOCOMMERCE
- 1.- Cómo eliminar el enlace de texto “descartar” del aviso en tienda con Woocommerce
- 2.- Dónde poner el código CSS para ocultar el enlace “descartar” del aviso en tienda Woocommerce usando mi tema
- 3.- Dónde poner el código para ocultar “descartar” en aviso en tienda si mi tema no tiene un área para ello.
1.- Cómo eliminar el enlace de texto “descartar” del aviso en tienda con Woocommerce
Por defecto Woocommerce no incluye ninguna opción para eliminar ese enlace “descartar” que desactiva el aviso global en tienda. Es decir, el enlace que cierra el banner de aviso en tienda Woocommerce.
Por lo que voy a usar un sencillo código CSS que se encargará de ocultar ese enlace “descartar” para que no pueda ser clicado por los visitantes a la tienda online.
Y por tanto, el aviso de en todas las páginas de la tienda no pueda ser cerrado.
El código es el siguiente:
/* ***INICIO – quitar enlace descartar en aviso en tienda *** */
.woocommerce-store-notice__dismiss-link {
display:none;
}
/* ***FIN – quitar enlace descartar en aviso en tienda *** */
2.- Dónde poner el código CSS para ocultar el enlace “descartar” del aviso en tienda Woocommerce usando mi tema
La inmensa mayoría de plantillas o temas de WordPress incluyen un lugar donde poder introducir código CSS. Vamos a ver algunas de ellas.
- Divi: en le caso de Divi, ve a: “Divi > Opciones del tema” pestaña “General” y busca el bloque “CSS Personalizado” y pon el código ahí. Después, guarda.
- Flatsome: en el caso del tema Flatsome, ve a “Flatsome > Advanced > Custom CSS” pon el código en el área de texto con título “ALL SCREENS”. Después, guarda.
- Astra PRO: en el caso del tema Astra, ve a “Apariencia > personalizar > CSS adicional” y pon el código en el área de texto que te aparece.
Si usas otro tema diferente, busca entre las opciones que es probable que tenga un área de texto específico para poder añadir código CSS.
Ejemplo, insertar el código con el tema Divi.
3.- Dónde poner el código para ocultar “descartar” en aviso en tienda si mi tema no tiene un área para ello.
En el caso de que tu tema no tenga ningún área de texto para añadir CSS, puedes utilizar un plugin gratuito como este: Simple Custom CSS
Entra en la configuración del plugin y te aparecerá un área de texto donde podrás introducir el código antes indicado para ocultar el botón “descartar” en el aviso en tienda de Woocommerce.
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.