Neu Mitlaufende Artikeldetail-Bilder im Nova per CSS?

lahr-net

Gut bekanntes Mitglied
13. Oktober 2016
251
15
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 :)
 

lahr-net

Gut bekanntes Mitglied
13. Oktober 2016
251
15

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.202
995
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: lahr-net

lahr-net

Gut bekanntes Mitglied
13. Oktober 2016
251
15
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...
 
Ähnliche Themen
Titel Forum Antworten Datum
Artikeldetail-Seite Merkmal-Block nach oben verschieben Einrichtung JTL-Shop5 0
Kategorie Bilder werden nach Update von JTl-Shop 4 auf JTL-Shop 5 nicht angezeigt Upgrade JTL-Shop4 auf JTL-Shop5 1
Neu Bilder Abgleich und Ameise PrestaShop-Connector 0
Neu Bilder der Artikel auf allen Ausgabewege Aktivieren User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bilder aus JTL Wawi werden nicht in den Shopify Store übertragen Shopify-Connector 4
Neu Tickets mit Bilder - Ladezeiten Servicedesk (Beta) 4
Neu Bilder aus Elementsammlung per Formel einbinden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Massenübertragung Bilder Vaterartikel auf Kinderartikel - best practice? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Bilder werden nicht an JTL Shop übertragen JTL-Shop - Fehler und Bugs 2
Neu Bilder in RichText responsiv einfügen Allgemeine Fragen zu JTL-Shop 0
Neu Kaufland SCX Abgleichfehler - Bilder werden nicht übertragen kaufland.de - Anbindung (SCX) 7
Neu Artikel-Bilder auf Rechnung drucken Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Variations-Bilder (Swatches) laden sehr langsam Allgemeine Fragen zu JTL-Shop 2
Scalierung der Bilder auf eine einheitlich festgelegte Bildgröße in den Ansichten Einrichtung JTL-Shop5 0
Bilder scalieren Einrichtung JTL-Shop5 0
Neu Löschen Bilder (Datenbank) von inaktiven Produkten User helfen Usern - Fragen zu JTL-Wawi 0
Neu Mehrere Bilder für 1 Artikel - CSV nicht optimal Schnittstellen Import / Export 14
Neu Bestehende Bilder in Ameise nutzen User helfen Usern - Fragen zu JTL-Wawi 0
Beantwortet Nach update von JTL Shop4 auf 5.1 Bilder von Vaterartikel werden nicht angezeigt Betrieb / Pflege von JTL-Shop 1
Bilder kleiner machen - Update von 1.5 auf 1.6 Datenbank SQL Express JTL-Wawi 1.6 6
Neu Fehlerhafte Bilder in der Artikelbeschreibung Allgemeine Fragen zu JTL-Shop 5

Ähnliche Themen