Top-Bar nur auf bestimmter Seite ausblenden

Thema wurde von Nico (Kostbar), 2. Oktober 2023 erstellt.

  1. Nico (Kostbar)
    Nico (Kostbar) Erfahrener Benutzer
    Registriert seit:
    3. Mai 2012
    Beiträge:
    321
    Danke erhalten:
    58
    Danke vergeben:
    79
    #1 Nico (Kostbar), 2. Oktober 2023
    Hallo zusammen,

    hat jemand eine Idee, wie man nur auf einer bestimmten Seite die Top-Bar immer ausgeblendet lassen kann?
    Bspw. soll sie auf dieser Seite nicht erscheinen https://bialetti-shop.de/dolce-gabbana/.

    Ich vermute, dass man hier ggf. mit der Seiten-ID arbeiten muß, komme aber trotzdem auf keinen grünen Zweig.

    Viele Grüße
    Nico
     
  2. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    #2 Dominik Späte, 2. Oktober 2023
    Hallo Nico,

    Du kannst sie via CSS auf der betreffenden Kategorieseite ausblenden:

    Code:
    body.page-index-type-c16 .topbar-notification{
    display: none;
}
     
  3. Nico (Kostbar)
    Nico (Kostbar) Erfahrener Benutzer
    Registriert seit:
    3. Mai 2012
    Beiträge:
    321
    Danke erhalten:
    58
    Danke vergeben:
    79
    #3 Nico (Kostbar), 2. Oktober 2023
    Hallo Dominik,
    super, vielen Dank. Das funktioniert. Wenn ich dies jedoch auf eine Inhaltsseite beschränken möchte, habe ich nur die allgemeine Klasse "page-shop-content". Dies funktioniert zwar, schaltet dann das Banner auf allen Inhalts-/Infoseiten aus.

    Code:
    body.page-index-type-c16 .topbar-notification{
    display: none;
}
body.page-shop-content .topbar-notification{
    display: none;
}
    Kann man das auch noch auf eine Seite beschränken?
     
  4. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    #4 Dominik Späte, 2. Oktober 2023
    Nee, sorry, da sehe ich keinen passenden Selektor. Du könntest in den HTML-Code (also im Content-Manager) einen Style-Tag auf der entsprechenden Content-Seite einfügen:

    Code:
    <style>div.topbar-notification{
   display: none;
}
     
  5. Nico (Kostbar)
    Nico (Kostbar) Erfahrener Benutzer
    Registriert seit:
    3. Mai 2012
    Beiträge:
    321
    Danke erhalten:
    58
    Danke vergeben:
    79
    #5 Nico (Kostbar), 2. Oktober 2023
    Danke Dominik, Du hast mir trotzdem sehr geholfen.

    Herzlichen Dank und liebe Grüße
    Nico