Lisa88Lisa88 MitgliedKommentare: 69 Danke erhalten: 1 Mitglied seit: Januar 2016

Hallo zusammen,

weiß jemand, wie ich (am liebsten per CSS) den Footer auf einzelnen Seiten ausblenden kann?

Ich habe es per CSS so versucht:

.page-134 .footer-main, .footer-main .container {
    display: none;
}

Ergebnis: der Footer wird auf allen Seiten, nicht nur der Seite mit der ID 134 ausgeblendet.

Ich freu mich über jeden Tipp :)

Danke & LG,
Lisa

Antworten

  • R4MR4M MitgliedKommentare: 1046 Danke erhalten: 154 Mitglied seit: April 2014

    Ergebnis: der Footer wird auf allen Seiten, nicht nur der Seite mit der ID 134 ausgeblendet.

    Logisch wenn du knallhart ".footer-main .container" in deine CSS packst.

    In der originalen Version von Shopware geht das eigentlich gar nicht, da die Shopseiten nicht mit Nummern in den CSS-Klassen versehen sind. Also müsste man erst mal an geeigneter Stelle das Template anpassen. Beispiel:

                {* Footer *}
                {block name="frontend_index_footer"}
                    <footer class="footer-main {if $sCustomPage.id}page{$sCustomPage.id}{/if}">
                        <div class="container">
                            {block name="frontend_index_footer_container"}
                                {include file='frontend/index/footer.tpl'}
                            {/block}
                        </div>
                    </footer>
                {/block}
    

    Dann macht der Shop daraus etwas wie :

    <footer class="footer-main page123">

    Jetzt hast du eine Grundlage für dein CSS:

    .footer-main.page123, .footer-main.page456 {
      display: none;
    }

    Basiswissen über Shopware, Template und CSS sind voraussetzung.

    Danke von 1Lisa88
Anmelden oder Registrieren, um zu kommentieren.