Hallo zusammen, folgendes Problem: Gambio 4.8.0, Malibu. In der Mobile-Ansicht und ebenso Tablet vertikal sitzen die Thumpnails für die Artikelbilder falsch und verdecken Artikel-Infos (siehe Screenshot). Habe keine Möglichkeit gefunden diese Thumpnails zu verschieben. Weiß jemand Abhilfe?
Im Shop aus der Signatur? Weil für Design Probleme ist zu 99% ein Blick in den Quellcode / CSS nötig um dir das zu beheben Hast du Design Anpassungen gemacht? Ich seh da nur fehlendes Herstellerbild im Test. Hast nen Link zum Problem Artikel?
?? Was meinst Du damit? Designänderungen: Farbänderungen, CSS-Änderungen: Code: /* Den Footerkopf in der Breite einschränken */ .footer-header{ max-width:90% !important; } /*Artikeldetailseite: den Bildbereich deutlich verkleinern. Funktioniert nur, /*wenn im StyleEditor unter: Bereiche/Produktseite/Varianten "Links ausrichten" angewählt wird */ .product-info .product-info-stage{ height:150px !important; } .product-info-image .swiper-slide-inside{ height:200px !important; } #stage .swiper-button-prev, #stage .swiper-button-next { display: none; } Wurde hier im Forum mir mal so vorgeschlagen. Funktionierte mit älterer Version auch gut. Habe nun bei einigen Artikeln ein weiteres Artikelbild hinzugefügt und das geht irgentwie nicht. Ein Herstellerbild gibt es nicht. Sehen kannst du den Fehler bei z.B. Artikeln aus Schönschneiden Vol 7.
Das ist der Verursacher. Wenn es für die Desktop-Ansicht weiter benötigt wird, am besten in ein Media-Query packen: Code: @media (min-width: 992px){ .product-info .product-info-stage{ height:150px !important; } }
Das ist eine Signatur Wollte nur wissen ob das in dem Shop ist und bei welchem Artikel. Aber Dominik hat dir das ja schon gelöst. Nur der Abschnitt. es kommt nur die eine Zeile um den kleinen Abschnitt, damit er weiß, dass es NUR bei gewisser Breite der Anzeige verwendet werden sollte. Am ende die Klammer zu auch nicht vergessen Dann erstelle ein 1x1px großes leeres oder transparentes IMG, damit kein Fehlendes Bild geladen und angezeigt wird
Code: .product-info .product-info-stage{ height:150px !important; } Ersetzen durch: Code: @media (min-width: 992px){ .product-info .product-info-stage{ height:150px !important; } }
Vielen Dank an euch beide für eure Antworten. Leider war ich in der letzten Zeit nicht in der Lage die Korrektur durchzuführen, daher meine verspätete Antwort. @Dominik Späte: super, funktioniert. Vielen Dank für den Code Schnipsel! @Dennis (MotivMonster.de): dein Tipp mit dem Pixel ist cool. Denke aber gerade darüber nach doch ein Hersteller-Logo einzubauen. Welche Größe wäre denn optimal?
Rechte Taste auf den Bereich - Ganz unten "Untersuchen" (oder ähnlich je nach Browser) wählen. Dann siehst live den Quelltext und das CSS sowie die Pixel von Bildern und Bereichen. Dann kannst selbst testen was für dich optimal erscheint Gilt für alles an Design Sachen