Neu Footer nach ganz unten verschieben (JTL Shop 4.06 (Build:12))

[Adellmour]

Hallo,
ich hoffe ich bin hier in der richtigen Kategorie?

Ich würde gerne den Footer in meinem JTL Shop nach ganz unten verschieben.
Die paar Pixel zwischen Footer und Browserende sollen weg...
Website: https://webshop.componet.at/

Bei den meisten Registern ist kein abstand, aber bei z.B. "Partner" oder direkt "Componet" ist ein dünner streifen zu sehen, woran kann das liegen)

 

[david]

Hey,
das Layout-Problem ergibt sich leider, wenn zu wenig Inhalt auf der Seite ist, welcher die Seite normalerweise auffüllt.
Der Footer hängt im Evo-Template unter dem Content, nicht sticky am unteren Browser-Rand.

Die meiner Ansicht nach schönste Lösung wäre, die Seiten liebevoll mit Content anzureichern (Bilder oder Videos, lesefreundliche Texte usw.). Ich weiß - ist im IT-Bereich vielleicht nicht die leichteste Übung 😉
Das Hintergrundbild empfinde ich persönlich eher als störend - zu kontrastreich und unpassend/unpersönlich.
Alternativ könnte die Template-Option "Boxed Layout" bei wenig Content das Gesamtbild wieder etwas harmonischer machen.
Als letzte Option - Template anpassen und Footer sticky machen. Die CSS-Regeln dazu kann ich leider zwar grad nicht aus dem Ärmel schütteln, es sollte für einen Servicepartner aber gut machbar sein.

 

[css-umsetzung]

Es wird ja nicht so oft vorkommen das der Footer nicht erst nach dem scrollen zu sehen ist, daher könnte man sich eventuell auch mit einem JS behelfen, das achtet jetzt nicht auf ein resize, ist aber auch eher als Denkanstoß gedacht

$(function() {
    if($("footer").offset().top+$("footer").outerHeight()<$(window).height()) {
        $("footer").css({
            position:"fixed",
            bottom:"0",
            left:0,
            right:0
        });
    }
});