Moin! Ich habe meiner Startseite http://bit.ly/2l9ZMdm in der Index eigenes Html hinzugefügt. Wenn es aktiv ist, wandert der Div Container der Empfehlungen nach oben und würfelt mir alles durcheinander?! Wieso? Mobil ist alles in Ordnung! Ich habe auch schon versucht die Empfehlungen der Startseite auf 0 zu setzen, die werden aber trotzdem angezeigt!? Anbei ein Screenshot!
Das liegt an dem Aufbau deines eigenen HTML. Du benutzt da float: left ohne das für das letzte Element zu entfernen, sodass die Empfehlungen auch nach oben rutschen. Was du versuchen kannst: - Du stellst dein eingenes HTML auf display: inline-block; um und entfernst das float - Du fügst hinter dem letzten Element von dir noch folgendes ein: HTML: <div style="clear: both;"> </div> Damit wird das float dann unterbrochen und die Empfehlungen sollten wieder unter deinem HTML angezeigt werden
Ich habe den Code eingefügt, aber es wird nicht unterbrochen. Die Empfehlungen sind immer noch float: left;
Du hast mein Codeschnipsel an der falschen Stelle eingefügt. Wenn ich das richtig sehe, sieht das im HTML momentan so bei dir aus: HTML: <div class="item1"> <div> <h2>Demo Range</h2> <a href="info/demo-range.html"><img alt="Demo Range" src="https://tewaga.de/images/demo.jpg" width="400px"></a> <p> </p> <p style="font-size:14px;"> Funktionstest, Reinigung, Vergasereinstellungen und gegebenenfalls auch Reparaturvorschläge: bringen sie am 14.Oktober 2017 im Rahmen unserer Herbst-Saison-Eröffnung ihre Kettensäge zu tewaga und vergessen sie dabei nicht einen prallgefüllten Geldbeutel - denn kostenlos arbeiten wir nicht: ... </p> <a href="info/demo-range.html">Weiterlesen...</a> <div class="item1-overlay top"> </div> </div> <div style="clear: both;"> </div> </div> Was ich aber meinte war: Code: <div class="item1"> <div> <h2>Demo Range</h2> <a href="info/demo-range.html"><img alt="Demo Range" src="https://tewaga.de/images/demo.jpg" width="400px"></a> <p> </p> <p style="font-size:14px;"> Funktionstest, Reinigung, Vergasereinstellungen und gegebenenfalls auch Reparaturvorschläge: bringen sie am 14.Oktober 2017 im Rahmen unserer Herbst-Saison-Eröffnung ihre Kettensäge zu tewaga und vergessen sie dabei nicht einen prallgefüllten Geldbeutel - denn kostenlos arbeiten wir nicht: ... </p> <a href="info/demo-range.html">Weiterlesen...</a> <div class="item1-overlay top"> </div> </div> </div> <div style="clear: both;"> </div> Also hinter dem letzten <div class="item1"></div> und nicht in diesem. Das die Empfehlungen ein float: left haben ist nicht dann kein Problem
Also, die Empfehlungen schieben sich jetzt schon mal nicht mehr in dein HTML soweit ich das sehen kann. Problematisch ist jetzt nur noch, dass die Empfehlungen bei dir aus irgendeinem Grund kaputt gehen. Das sieht mir so aus, als würde da das JavaScirpt Amok laufen und da falsche Styles setzen. Sollen die Empfehlungen denn als Swiper angezeigt werden oder einfach gekachelt untereinander? Beziehungsweise: Hast du ander Darstellung der Empfehlungen etwas verändert/angepasst?
Ne habe nichts verändert. Es soll als Swiper dargestellt werden ja. Eingestellt habe ich 5 Produkte in der Darstellung.
Also bei mir sieht dein HTML jetzt ok aus. Mal deinen Browsercache geleert? Problematisch ist nur weiterhin die Darstellung des Sliders: Aus einem mir nicht ersichtlichen Grund fehlen dir CSS-Styles für den Swiper, weshalb der kaputt ist. Solche Fehler können entstehen, wenn beim Upload auf den Server die Dateien beschädigt worden sind
Ja Cache geleert... Andere Browser bringen den gleichen Fehler... Ich hatte am Style des Swiper nichts geändert. Der Angebote Swiper drunter funktioniert ja auch ohne Probleme... Und bevor ich die Index erstellt habe funktionierte der Swiper auch. Wie kann ich das lösen?
Das wird ohne in den Shop zu schauen wahrscheinlich nichts. Ich würde dir empfehlen mal ein Ticket bei uns zu dem Problem auf zu machen
Wir haben für diesen Shop leider kein Support. Unser Support läuft auf unseren 1. Shop http://bit.ly/2zOo00j.
GELÖST! Es hat sich in meiner CSS vor dem Swiper ein Clear Both eingeschlichen! Frage mich nicht wie es dahin kommt! Danke für deine Hilfe Torben!