Neu Produktbilder unterhalb des Hauptbildes, Vergrößerung ohne Überlappung, Carousel

Paulina_nana

Aktives Mitglied
1. September 2017
37
0
Hallo,

ich habe folgendes Problem. Ich möchte die kleinen Vorschaubilder auf der Produktdetailseite vergrößert unterhalb des Hauptbildes darstellen. Leider überlappen sich meine Bilder dadurch nun. Wie kann ich das verhindern? Wenn möglich würde ich das gerne mit einem Carousel lösen oder alternativ die Bilder in zwei Zeilen darstellen.

Beispielseite: https://alpamayo-taschen.de/Anzugtasche

Danke!
Paulina
 

Paulina_nana

Aktives Mitglied
1. September 2017
37
0
Den Code hatte ich so schon eingefügt. Trotzdem haben sch die Bilder bei Vergrößerung überlappt. Jetzt überlappen sie sich nicht mehr, jetzt habe ich aber das Problem, dass ich nur einmal nach rechts sliden kann und mir somit nicht alle Bilder angezeigt werden. Außerdem hab ich irgendwie das Gefühl, dass die Button vertauscht sind, oder? :confused:

Edit: Bilder seh ich jetzt alle, nur die Buttons zum sliden sind immer noch vertauscht
 
Zuletzt bearbeitet:

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.456
282

sicktree

Aktives Mitglied
17. März 2015
97
1
Versuch das hier :)

Code:
.btn-gallery-left {
  right: 0px;
  transform:rotate(180deg);
}
.btn-gallery-right {
  left: 0px;
  transform:rotate(180deg);
}


Für die Funktion left und right beachten ist hier ganz wichtig! Im Original ist das umgekehrt und sorgt für dieses verkehrtherum sliden.
Rotate nimmt das Icon und dreht es einmal grafisch um.

Die bereits vorhandenen Zeilen mit z-index und position bleiben bestehen.
 

SokuOne

Aktives Mitglied
23. März 2017
6
1
gäbe es nicht die möglichkeit das scrollen zu ändern damit wäre mir echt geholfen , denn nur die icons zu drehen finde ich dann auch nicht wirklich als schöne lösung
 

webksde

Aktives Mitglied
30. August 2012
60
5
32457 Porta Westfalica
Das ist wirklich .. einfach grausam. Gestern schon damit begonnen die jtl.gallery.js selber neu zu implementieren, aber das frisst alles zu viel Zeit, insb. wegen dem korrekten Zusammenspiel mit Varianten. Und das (fast) nur, weil man anständig die Thumbs unten drunter haben möchte. Dann sind da "vertical" CSS Klassen drin, die aber überhaupt nicht genutzt werden, deren Änderung / Entfernung einfach 0 Auswirkung haben. Sonst habt ihr mit dem 4er Shop ja einen tollen Job gemacht.. aber das Ding...

Im 5er Shop wird das dann hoffentlich.. schicker. Einfach zwei synchronisierte Slick Slider zum Beispiel, statt dieser Custom Slider Lösung für die Thumbs und wenn schon custom Lösung..dann doch bitte mit Doku.. was Slick ja schon ausführlich mitgebracht hätte.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu SQL Code zur Ausgabe des Verkaufspreis je Kundengruppe User helfen Usern 1
Erzeugung des Barcodes für die Gebinde EAN JTL-Wawi 1.9 3
Gelöst iMin Swan 1 Pro Kundendisplay zeigt nur verkleinerte 1:1 Kopie des kompletten Hauptbildschirmes JTL-POS - Fragen zu Hardware 3
Teile des Artikelnamens Farblich hervorheben JTL-Wawi 1.9 2
Neu Update auf 1.9 - wo sind die Kommentarfelder des Artikels geblieben? Eigene Übersichten in der JTL-Wawi 1
Neu Nach dem entfernen des PayPal Checkout werden keine Zahlungsarten anderer Anbieter angezeigt. JTL-Shop - Fehler und Bugs 4
Fehler beim Update des Mandaten easybusiness JTL-Wawi 1.9 2
Neu Auflösung & Skalierung des Userinterfaces User helfen Usern - Fragen zu JTL-Wawi 1
Retoure - Buchen des Artikels JTL-Wawi 1.7 7
Auswahlmöglichkeiten des Feldes "Anrede" in Shop und WaWi erweitern JTL-Wawi 1.8 0
Neu Farben des Coockie Banners anpassen Allgemeine Fragen zu JTL-Shop 1
Neu Bei Verkaufskanaldeaktivierung eines Child-Artikels löscht Prestashop Connector 2.0.0 den Parent-Artikel samt aller Child-Artikel des Parents PrestaShop-Connector 0
Neu GPSR: Kontaktdaten des Herstellers/Importeurs hinterlegen Amazon-Lister - Ideen, Lob und Kritik 6
Neu Fehler "Die eingegebenen Variantenmerkmale stimmen nicht mit den Variantenmerkmalen der Varianten des Artikels überein." eBay-Anbindung - Fehler und Bugs 0
Neu Fehler beim Update des Shops - DB Migration Installation / Updates von JTL-Shop 1
Neu Inhalt des DHL-Fehleretiketts bearbeiten User helfen Usern - Fragen zu JTL-Wawi 2
Neu Berechnung des durchschnittlichen EK Preises User helfen Usern - Fragen zu JTL-Wawi 1
Wichtig 👉 Sicherheitslücke in JTL-Shop 5 bis 5.3.2 (betr. alle Versionen des Shopsystems) News, Events und Umfragen 17
Beantwortet Versandbestätigung mit Tracking für einzelnen Kunden (bei Nutzung des JTL-FFN) JTL-Workflows - Ideen, Lob und Kritik 2
Neu Farbe des mobilen Headers lässt sich nicht ändern Templates für JTL-Shop 1
Wichtig 👉 Abkündigung des Servicedesk in JTL-Wawi zum 31.01.2025 Releaseforum 0

Ähnliche Themen