Neu Mitlaufende Artikeldetail-Bilder im Nova per CSS?

der_Martin

Sehr aktives Mitglied
13. Oktober 2016
320
26
Hallo,

hat jemand zufällig etwas CSS, um den Bereich der Artikeldetail-Bilder im Nova-Template mitscrollen zu lassen?
So ähnlich wie es Amazon auf einer Artikelseite macht... Dort bleiben in der Desktop-Ansicht links die Bilder im Sichtbereich, während man rechts die Attribute mit Bestellinformationen runter scrollt... So lange, bis sie an den 100% breiten Hauptcontent-Block stoßen...

Du hast rechts die Kurzbeschreibung und allerlei anderes wie Versandzeugs, Preis, Bestellbutton usw... Bei mir ist das in jedem Shop immer größer als der Bildbereich.
Amazon und viele andere Marktplätze scheinen das gleiche Problem zu haben, weil man den oberen, sehr prominenten Bereich mit Warenkorb-Button gerne maximal ausnutzt. Nur entsteht dann halt in der Bildspalte immer ein riesiges Loch unter dem Bild, das durch nichts genutzt wird.

Ideal wäre es deshalb, die Gallery könnte in der Desktop-Ansicht mit scrollen, bis sie unten an den Haupt-Content stößt... Also der Gesamte Bildergalerie-Block inkl. der beiden Mountpoints vor und nach den Bilder wären idealerweise und bei Bedarf mitlaufend....

Frage deshalb hier, weil ich glaube, dass das JEDER gut gebrauchen kann... :)

Vielen Dank im Voraus
Grüße
Martin :)
 

der_Martin

Sehr aktives Mitglied
13. Oktober 2016
320
26

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.639
1.583
Berlin
dann gibst du im css #image_wrapper noch ein entsprechende z-index und mit top könntest du es noch ein weniger tiefer ansetzen.

z.b.:
CSS:
#image_wrapper {
    z-index:1;
    top:50;
}
 
  • Gefällt mir
Reaktionen: der_Martin

der_Martin

Sehr aktives Mitglied
13. Oktober 2016
320
26
dann gibst du im css #image_wrapper noch ein entsprechende z-index und mit top könntest du es noch ein weniger tiefer ansetzen.

z.b.:
CSS:
#image_wrapper {
    z-index:1;
    top:50;
}


Ich habe das testweise mal schmutzig auf's custom CSS ausgelagert. Passt! Besten Dank!

PS:
Ich würde das für keine schlechte Grundkonfiguration des Nova Templates halten.... da oft ein Loch unter den Bildern entsteht.
ich weiß, ich übertreibe die rechte Spalte immer und beschränke mich nicht gerade auf 2 Sätze Kurzbeschreibung. Aber ich glaube, viele haben ein Problem, dass der rechte Bereich voll mit wichtigem Zeug ist. Runter zu scrollen in den breiten Content um das wichtige zu finden und dann wieder rauf zu scrollen um den Bestellbutton zu suchen ist nämlich auch etwas suboptimal. Auch wenn wir das gelernt haben und Amazon das auch nicht anders macht... aber auch der Bestellbutton sollte idealerweise immer im Sichtfeld bleiben. Doch das ist ne andere Geschichte.....

Danke noch mal...
 

der_Martin

Sehr aktives Mitglied
13. Oktober 2016
320
26
PS: was mir leider erst jetzt aufgefallen ist: den #image-wrapper auf z-index 1 zu setzen, verursacht beim Pop-up in der mobilen Version einen schweren Fehler: Der abgedimmte, dunkle Layer legt sich beim Pop-Up der Bilder über die Bilder bzw. den Image-Wrapper und den Schließen-Button. Damit wird die Seite unbedienbar, sobald man auf ein Bild klickt....

Ich hab nun mal den #jtl-nav-wrapper auf einen sehr hohen z-index gesetzt, sodass sich das Sticky-Bild unter die Navi schiebt. Ist in der Desktop-Ansicht zwar auch nicht optimal beim aufpoppen, aber zumindest nicht so gravierend...
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu beim Umstieg von unicorn auf SCX Bilder aktivieren Otto.de - Anbindung (SCX) 0
Neu Kategorie Bilder werden im Webshop nicht angezeigt User helfen Usern - Fragen zu JTL-Wawi 0
Neu Bilder von Merkmalen werden nicht angezeigt Gelöste Themen in diesem Bereich 5
Versuch Bilder aus Ebay für Kaufland zu übernehmen JTL-Wawi 1.8 0
Bilder Upload und Fehlermeldung WooCommerce-Connector 0
Neu Bilder werden Falsch im Shop angezeigt. WooCommerce-Connector 0
Neu Bilder öffnen sich in mobiler Version fehlerhaft. Allgemeine Fragen zu JTL-Shop 0
Neu Bilder für Kindartikel Gelöste Themen in diesem Bereich 4
Neu Bilder unter "Mehr dieser Waregruppe" und "Kunden, die diesen Artikel gekauft haben, kauften auch" fehlen eBay-Designvorlagen - Fehler und Bugs 0
Neu Amazon Lister übergibt nur das Hauptbild an Amazon, weiter Bilder werden nicht übertragen Amazon-Lister - Fehler und Bugs 0
Neu Wie kann ich Alt-Texte für Bilder an Shopify senden? Shopify-Connector 2
Neu Connector überträgt keine Bilder Shopify-Connector 1
Neu webp-Bilder werden nicht mehr generiert JTL-Shop - Fehler und Bugs 0
Neu Einstellung: "Bilder des Vaterartikels un der folgenden Variationswerte übernehmen" und der Shopware Server "explodiert" Shopware-Connector 10
Neu Bilder werden teilweise in verschiedenen Browser falsch dargestellt Gelöste Themen in diesem Bereich 3
Neu Bilder in Chrome zerquetscht angezeigt.. Gelöste Themen in diesem Bereich 16
Neu Neuer Verkauskanal: Bilder inaktiv User helfen Usern - Fragen zu JTL-Wawi 2
Neu Shop Bilder-Anzeige in Firefox fehlerhaft Allgemeine Fragen zu JTL-Shop 0
Neu Shop Bilder-Anzeige in Firefox fehlerhaft Allgemeine Fragen zu JTL-Shop 6
Neu Plattform als Darstellungsbedingungen für Bilder oder Text Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Custom css für Galerie-Bilder Einrichtung JTL-Shop5 3

Ähnliche Themen