Seleccionar página

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


VER CURSOS

 

 

 

 

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.

código eliminar botón para cerrar aviso global en tienda con Woocommerce

 

 

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.

 

 

 

Compártelo ya!!

RECIBE GRATIS

CURSO PRESTASHOP

(20 vídeos)

Y WOOCOMMERCE

(14 vídeos) y MÁS

 

1.- CURSO PRESTASHOP 1.7 GRATIS (20 VÍDEOS)
2.- CURSO WOOCOMMERCE GRATIS (14 VÍDEOS)
 

3.- Guía para crear una tienda online de éxito
4.- Guía SEO para Prestashop
5.- Training Woocommerce, plugins imprescindibles y recomendados

QUIERO LOS CURSOS Y DEMÁS GRATIS

Mira en tu buzón de correo, para confirmar la suscripción.

Abrir chat
¿Dudas sobre mis cursos o servicios?
🙋🏻‍♂️** ¿Alguna duda sobre mis cursos o servicios? Soy Joaquín, cuéntame y te ayudo encantado
**Accede a TODOS mis cursos por solo 10 €/mes desde cursotiendaonline.com