Shopware Demoshop Footer

Ich habe eben im Testshop genau das gefunden, was ich gesucht habe für unseren Shop und für eine Kundin: http://www.shopwaredemo.de/ Der Footer, den man aufkalppen kann… Wie kann man das relalisieren?

Hi UM24, das kann man relativ einfach realisieren. Man platziert eine neue “div”-Box mit der Klasse “bottom-bar” im Block “frontend_index_body_inline”. Die Klasse “.bottom-bar” muss dann per “position: fixed” sowie “left:0; bottom:0” platziert werden, damit diese am unteren Browserrand anliegt. In diese Box platziert man eine weitere “div”-Box mit der Klasse “container_20”, so dass der gesamte Inhalt dieser Box nicht breiter ist als der Shop. Diese “div”-Box beinhaltet den gesamten Content für die Bottom Bar. Jetzt kommt nur noch etwas Javascript ins Spiel. Hier muss die Gesamthöhe der “div”-Box mit der Klasse “.bottom-bar” ermittelt werden und diese Minus eines Offsets gerechnet werden. Dieser Offset gibt an wieviele Pixel die Box im eingeklappten Zustand noch sichtbar sein soll. Dann musst man nur noch zwei Events deklarieren. Bei “mouseenter” wird die CSS-Eigenschaft “bottom” auf 0 gesetzt, damit die Bottom Bar komplett sichtbar ist. Bei “mouseleave” muss die Eigenschaft “bottom” auf die vorher ermittelte Höhe - des Offsets gesetzt werden, damit sich die Box wieder einklappt. Der Rest ist nur noch ein wenig Styling. Viele Grüße, Stephan Pohl :shopware:

1 Like

Hallo UM24, wir werden den Quellcode der Bottom-Toolbar in zwei Wochen zur Verfügung stellen. Viele Grüße, Stephan Pohl :shopware: