CSS para ocultar cosas en ciertas paginas

  • Resuelto pepe2017

    (@pepe2017)


    hace 6 años, 5 meses

    Hola
    Alguien me podría decir el codigo CSS para incorporar en un snippet, para ocultar widgets en una pagina concreta ??
    En mi pagina de final de compra (Woocommerce), solo me aparece [woocommerce_checkout]. O sea que la info está en ese archivo.
    Querría decirle a mi web, que en la pagina [woocommerce_checkout], no muestre ciertos widgets…
    No sé decírselo, solo sé que es en [woocommerce_checkout] y con la orden display: none;
    Son varios widgets para que la pagina checkout quede limpia de distracciones.
    Obviamente en las otras paginas tienen que quedarse los widgets comunes a todas.
    Gracias de antemano.

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

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Dani Diaz

    (@ayudaniwoo)

    hace 6 años, 5 meses

    Hola Pepe,

    Y no tienes la opción de configurar la página con «No Sidebar»?

    Sería una solución más «limpia».

    Un saludo.

    Iniciador del debate pepe2017

    (@pepe2017)

    hace 6 años, 5 meses

    Hola Dani…
    Olvidé activar la casilla de que me avise cuando alguien contesta. Hoy me ha dado la espina y efectivamente, has contestado y ni lo he leído ni te puedo dar las gracias. Siento el despiste.
    Sobre la pagina, soy novato aunque estoy estudiando un poco como se comporta el html y el Css. Esa opción que dices, supongo que es una etiqueta que se colocaría en la pagina en cuestión, arriba en el head y le dice a la pagina que no muestre nada en la sidebar…
    Si es así, es parte de la solución, pero tendría más cosas que eliminar, no solo lo de la sidebar…Cabecera, pie de página y otros elementos que puedan distraer a posible comprador que ya está en el checkout. Digamos que solo tenga la opción de confirmar o cerrar página.

    Lo primero que me encuentro es que la pagina que gestiona eso, creo que es:
    wp-content/plugins/woocommerce/templates/checkout/form-checkout.php
    Como sería el código Css que le diga a esa pagina: NO muestres tal o cual Widget o la sidebar o footer o lo que sea ??? Y que solo afecte a esa pagina…

    Gracias de antemano y perdona por tardar en contestar.

    Dani Diaz

    (@ayudaniwoo)

    hace 6 años, 5 meses

    Para los widgets y sidebars es más fácil que todo eso.

    Tienes funcionando StoreFront, solo tienes que ir a Página>Checkout y a la derecha parte inferior, en atributos de página, y seleccionar «Ancho Completo».

    Con eso desaparecen los widgets laterales. En la página Cart lo mismo.

    Lo de ocultar header es más complicado y necesitarás código CSS.

    Espero te sirva de ayuda.

    Iniciador del debate pepe2017

    (@pepe2017)

    hace 6 años, 5 meses

    Caray, gracias Dani.
    Vamos, más fácil imposible.
    No elimina el header pero lo más importante si.
    Muchas gracias.

    Dani Diaz

    (@ayudaniwoo)

    hace 6 años, 5 meses

    😉

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘CSS para ocultar cosas en ciertas paginas’ está cerrado a nuevas respuestas.