Neu Leerer Warenkorb Fehlerhaft

[akBenutzer]

Wir benutzen den JTL- Shop 4, 4.05.

Auf unserer Warenkorb.php Seite haben wir bei einem leeren Warenkorb eine fehlerhaft Anzeige.

https://www.luna-time.de/Warenkorb

Ich habe schon auf den Eigenen Seiten eine Spezialseite Warenkorb erstellt (Standard und gezwungen SSL).

Weiß jemand einen Rat?

 

[martinwolf]

Wenn Du uns jetzt noch sagen kannst was genau fehlerhaft ist, können wir Dir vielleicht weiterhelfen.

 

[akBenutzer]

Ich dachte wenn man sich auf die angegebene Seite begibt, wird es ersichtlich

Auf der Seite ist unten ein weißer Balken zu sehen (Anhang) und beim Runterscrollen flackert das Bild.

 

[ag-websolutions.de]

Das Problem kommt daher, dass auf dieser Seite naturgemäß wenig Content ist. Dadurch ist die Höhe der Seite sehr gering.
Hinzu kommt, dass dein footer relativ hoch ist (im Verhältnis).

Dadurch ergibt sich eine Seitenhöhe, die den Browser veranlasst eine vertikale Scrollleiste einzublenden.
In Wirklichkeit ist aber ein Scrolling gar nicht nötig ... dadurch dann das flackern.

Der "weiße Balken" kommt übrigens auch aus dieser Konstellation ...

Was du machen könntest wäre css-seitig bei #footer .footer-additional das padding-top auf 0 zu setzen.

 

[akBenutzer]

@ag-websolutions.de Den Grund für mein Problem habe ich nach einer weiteren Überprüfung auch festgestellt.
Jedoch bin ich davon ausgegangen, dass ich meinen Content vergrößern muss um die Seite zu füllen, damit kein Scrolling notwendig ist. Ich weiß nur nicht wie ich meinen Warenkorb im "leeren" Zustand vergrößern kann, da er ja auto-generiert wird.

Mit #footer .footer-additional das padding-top(padding-bottom) auf 0(oder none; auto) zu setzen hat nicht funktioniert.

 

[FPrüfer]

Hallo,

das Problem ist nicht der Footer oder der mangelnde Inhalt der Seite. Das Problem ist das "riesige" Menü in "Marken A-Z". Dieses Menü ist Höher als der Inhalt der Seite und verursacht den vertikalen Scrollbalken. Versuch mal dem Container ".kk-fm-content-body > div" eine max. Höhe (von ca. 400 - 600px) und ein overflow: scroll zu geben.
Evtl. kann man das noch verfeinern und die feste max-height aus dem CSS per JS auf einen relativen Wert zur Höhe des Viewports anpassen.

 

[akBenutzer]

@FPrüfer
Hallo,
ich danke dir für diesen Tipp mit dem overflow:scroll. Dies hat das "Flackern" aufgehoben, da er ein Scrollen der "Marken A-Z" nicht mehr zulässt.

Es besteht aber immer noch das Problem der Anzeige des "weißen Balkens".

 

[FPrüfer]

Das ist ja nicht wirklich ein "weißer Balken". Der verfügbare Viewport ist halt größer als die Seite hoch ist. Lösungen wie man einen Footer immer am unteren Ende des Viewports platziert, sollten sich eigentlich etliche finden lassen. Eine einfache Möglichkeit wäre es die min-height des #content-wrapper immer so anzupassen, dass der Footer bis ans Ende des Fensters verschoben wird.

(function($) {
    var $contentWrapper = $('#content-wrapper');

   function footerToBottom(offset) {
       var vpHeight   = $(window).height(),
           bodyHeight = $('body').height();
       if (vpHeight > bodyHeight) {
           $contentWrapper.css('min-height', $contentWrapper.outerHeight() + vpHeight - bodyHeight + offset);
       }
   }

   $(window).on('resize', function (e) {
       footerToBottom(0);
   });
   footerToBottom(parseInt($contentWrapper.children('.container').css('margin-bottom')));
})(jQuery);

 

[akBenutzer]

@FPrüfer Ich danke dir für die ausführliche Erklärung, dies hat mir sehr geholfen. Damit ist dieses Thema beendet, meine "Probleme" sind gelöst.