• Resuelto Eva

    (@evasonder)


    Hola grupo!!

    Tengo una tienda con woocommerce y me gustaría poner un aviso emergente (como un popup) de que cierro por vacaciones el mes de agosto. Alguien que me aconseje plugin?
    Se que woocommerce trae un aviso de tienda, pero se queda encima de la barra de búsqueda y muchos clientes no caen en cerrar el aviso y no encuentran el buscador.
    Además me gustaría poder personalizarlo un poco.

    Muchas Gracias 🙂

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador jose64

    (@jose64)

    Hola.

    Puedes modificar la posición y tamaño de barra de aviso usando CSS, así no tendrías que usar ningún otro plugin.

    De todas formas si prefieres un aviso emergente en el repositorio tienes unos cuantos:

    Plugins etiquetados como popup

    Quedamos a la espera de tus comentarios y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así sea, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate Eva

    (@evasonder)

    gracias Jose Luis, la verdad que prefiero usar CSS, pero es mi falta de conocimiento la que me hace recurrir a plugins 🙂

    Si me indicas como, lo intento, siempre dispuesta a aprender

    Muchísimas gracias

    • Esta respuesta fue modificada hace 4 años, 2 meses por Eva.
    Moderador jose64

    (@jose64)

    Hola

    Con el inspector de elementos tienes que identificar las clases que afectan el mensaje y modificarlo añadiendo el código en el CSS personalizado del tema, en la ruta:

    Apariencia > Personalizar > CSS adicional

    Si el tema que usas no modifica las clases que usa WooCommerce puedes basarte en esto:

    La barra con el mensaje:

    p.woocommerce-store-notice.demo_store {
        margin: 40vh 5% 0 5%;
        padding: 3rem 5rem;
        background-color: green;
        width: 90%;
    }

    Con ese código modificas la posición, el ancho y alto y el color de fondo.

    Para el botón de descartar el mensaje:

    a.woocommerce-store-notice__dismiss-link {
        background-color: red;
        padding: 1rem;
        margin-left: 2rem
    }

    Con ese código cambia el color de fondo, el ancho y alto y el margen de separación izquierdo.

    Si tienes alguna duda coméntala y, por favor, recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    Iniciador del debate Eva

    (@evasonder)

    Gracias Jose Luis,

    ha quedado genial, no se que haría sin vosotros 😉

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘aviso de cerrado por vacaciones’ está cerrado a nuevas respuestas.