Neu Modal von eigener Produktliste auf Startseite aufrufen

zentiva

Aktives Mitglied
18. März 2014
35
2
Viersen
Firma
eSales4u
Hallo,

wie kann ich denn die Vorschau eines Artikels ähnlich des Quickview auf der Artikelliste aufrufen?

Mit class="popup" bleibt der Inhalt leer. Wie muss ich den Link übergeben oder was muss ich sonst noch beachten?
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Hallo,
ein einfacher Link reicht dafür nicht aus. Das Grundgerüst, um einen Artikel per modalem Quickview anzuzeigen sieht in etwa so aus:
HTML:
<div id="result-wrapper">
    <div id="result-wrapper_buy_form_uniqueID">
        <a class="quickview image-content" data-src="url_des_artikels" data-target="buy_form_uniqueID" href="url_des_artikels">Artikelvorschau</a>
    </div>
</div>
Wenn es auf der Seite bereits einen Container #result-wrapper gibt (Das ist z.B. bei allen Artikellisten der Fall), dann kann/muss dieser weggelassen werden. Innerhalb von #result-wrapper können dann mehrere #result-wrapper_buy_form_uniqueID Container platziert werden, wobei dort das uniqueID durch eine eindeutige ID (am besten die Artikel-ID oder Artikelnummer) ersetzt werden muss.
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: 301Moved

zentiva

Aktives Mitglied
18. März 2014
35
2
Viersen
Firma
eSales4u
Vielen Dank!
Das funktioniert nun super... Wenn da nicht noch eine kleine Sache wäre...
Wenn sich das Modal öffnet, steht da kurz "undefinied" und dann wird der Inhalt geladen.
Irgendeine Idee woran das liegen könnte?
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.878
518
Halle
Irgendeine Idee woran das liegen könnte?
Der Quickview-Loader holt sich die Überschrift und das Bild aus der Artikeldefinition um diese bereits anzuzeigen während im Hintergrund die Artikeldetails geladen werden. Da diese Informationen in dem Minimal-Wrapper nicht enthalten sind, wird kurz das "undefined" angezeigt. Um das zu vermeiden, kann man z.B. den Link selbst als image-content auszeichnen - also die class="quickview" zu class="quickview image-content" erweitern. Ich passe es im Code meines Post mal noch entsprechend an.
Wenn an Stelle des Link-Inhaltes irgendein anderer Text angezeigt werden soll, dann kann man auch einfach noch einen zusätzlichen Tag mit der Klasse "image-content" in den Wrapper setzen.
 
  • Gefällt mir
Reaktionen: zentiva

zentiva

Aktives Mitglied
18. März 2014
35
2
Viersen
Firma
eSales4u
Das hat prima geklappt! Jetzt wird einfach schon der Titel des Artikels angezeigt, bis der Inhalt geladen ist.

Vielen Dank für die Hilfe!
 

301Moved

Sehr aktives Mitglied
19. Juli 2013
930
187
Hallo,
ein einfacher Link reicht dafür nicht aus. Das Grundgerüst, um einen Artikel per modalem Quickview anzuzeigen sieht in etwa so aus:
HTML:
<div id="result-wrapper">
    <div id="result-wrapper_buy_form_uniqueID">
        <a class="quickview image-content" data-src="url_des_artikels" data-target="buy_form_uniqueID" href="url_des_artikels">Artikelvorschau</a>
    </div>
</div>
Wenn es auf der Seite bereits einen Container #result-wrapper gibt (Das ist z.B. bei allen Artikellisten der Fall), dann kann/muss dieser weggelassen werden. Innerhalb von #result-wrapper können dann mehrere #result-wrapper_buy_form_uniqueID Container platziert werden, wobei dort das uniqueID durch eine eindeutige ID (am besten die Artikel-ID oder Artikelnummer) ersetzt werden muss.


Das ist ziemlich cool, aber...
... hab ich in einer Artikelseite versucht. Beim Laden des Modals wird kein Artikelbild geladen, dafür das auf der Artikelseite "gelöscht", sprich keines mehr angezeigt, wenn man das Modal schließt. Lässt sich das verhindern/optimieren?
... hab ich im Warenkorb versucht. Da klappt das soweit einwandfrei. Außer, dass, wenn das Modal einfach geschlossen wird, kein Reload des Warenkorbs passiert. Man sieht also nicht, dass der Artikel in den Warenkorb gelegt wird.

Wenn beides ginge, wäre das ziemlich cool für Zusatzverkäufe.
 
Ähnliche Themen
Titel Forum Antworten Datum
Bestand von Kinderartikeln wird im Vaterartikel zusammenaddiert JTL-Wawi 1.8 1
Neu beim Umstieg von unicorn auf SCX Bilder aktivieren Otto.de - Anbindung (SCX) 0
Neu Filtereinstellungen: wenn Sonderpreis bei Vater- oder Kindartikeln, Anzeige von Vater- UND Kindartikeln User helfen Usern - Fragen zu JTL-Wawi 5
Neu gelöst: Update von 5.3.0 auf 5.3.1 - Dateien hochgeladen - immernoch alte Version Gelöste Themen in diesem Bereich 6
Neu Fehler beim Bearbeiten von PLZ & Ort im Kundenkonto (Update 5.3.0) JTL-Shop - Fehler und Bugs 1
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
Neu Fehler bei Bearbeitung von Designvorlagen eBay-Designvorlagen - Fehler und Bugs 0
Neu Mitgabe von Nährwertangaben WooCommerce-Connector 1
Neu E-Mail-Adresse beim Versand von Lieferantenbestellungen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
Neu Bilder von Merkmalen werden nicht angezeigt Gelöste Themen in diesem Bereich 5
Neu Shopify Erhöhung der Varianten von 100 auf 2000 - Connector App Problem Shopify-Connector 1
Neu Bestimmte Artikel von JTL-Search ausschließen JTL-Search 0
Artikel Netto Preis von 4 Nachkommastellen auf 2 umstellen JTL-Wawi 1.7 5
Artikelabgleich verlangsamt sich automatisch von Wawi JTL-Wawi 1.8 2
Formatierungsfehler in XML bei Verwendung von dotliquid kaufland.de - Anbindung (SCX) 2
Neu Produktfeld "Produktkategorie" von JTL nach Shopify? Shopify-Connector 0
Alternativpositionen und gültig von bis JTL-Wawi 1.8 0
Neu Fehler beim erstellen von Aufträgen. Digitale Unterschrift im Auftrag. JTL-Wawi - Fehler und Bugs 0
Export von Bestellungen als Excel JTL-Wawi 1.6 1
Neu Sortierung von Artikel nach Preis absteigend Allgemeine Fragen zu JTL-Shop 4
Ameisen Import von Aufträgen: Zahlungsziel in Tagen immer 0 JTL-Wawi 1.8 1
Neu Menüleiste wird plötzlich in der Mitte von der Seite angezeigt Allgemeine Fragen zu JTL-Shop 0
Neu 💡Umsatzsteuer- und Internationalisierungs-Expertise von unserem neuen Partner countX News, Events und Umfragen 4
Neu Update von 5.1.5 auf 5.2.4 Installation / Updates von JTL-Shop 1
EAN-Code von Umverpackungen hinterlegen JTL-Wawi 1.7 3
Neu Update von Wawi 17.15.4. auf 18.12.0 geht nicht, weil Primary voll ist JTL-Wawi - Fehler und Bugs 4
In Diskussion Fehler beim Versenden von E-Mails: "Could not convert socket to TLS" JTL-POS - Fehler und Bugs 1
Neu Error beim öffnen von Artikeln und Unterkategorien in zweiter Sprache JTL-Shop - Fehler und Bugs 1
Neu Umstieg von Shopware 5 zu JTL Shop 5 - Ranking behalten Allgemeine Fragen zu JTL-Shop 2
Neu Zusammenführen / Konsolidieren von Artikeln aus 2 Quellen (Amazon / Shopify) und zentrale Bestands-Verteilung an beide Systeme User helfen Usern - Fragen zu JTL-Wawi 0
Neu Bestände von der Wawi mit ebay abgleichen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Anpassen einer Rechnungsvorlage - Bearbeiten von Textbausteinen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Lieferant hat identischen Artikel von verschiedenen Herstellern oder verschiedene Packungsgrößen JTL-Wawi 1.7 0
Kein Fehler von 1.6.39 zu 1.8.12 JTL-Wawi 1.8 4
Verwiesen an Support wo finde ich die Logdatei von den Workflows JTL-Workflows - Fehler und Bugs 9
In Diskussion Workflow von Stornobelege Rechnung JTL-Workflows - Ideen, Lob und Kritik 1
Neu Gruppierung im Megamenü unabhängig von Kategorien Allgemeine Fragen zu JTL-Shop 0
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu Bestände der einzelnen Lager weichen von den reellen Beständen willkürlich ab JTL-Shop - Fehler und Bugs 7
Neu Benachrichtigung von Amazon - Active Listings Report User helfen Usern - Fragen zu JTL-Wawi 0
Neu Nach Update von 1.5 auf 1.8 Versand in die Schweiz nicht mehr möglich JTL-ShippingLabels - Fehler und Bugs 2
Neu Versandetikett von der Merchant FFN JTL an die Fulfiller FFN JTL übertragen? Richtiger Weg? User helfen Usern - Fragen zu JTL-Wawi 0
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu Migration von eCommerce-Integrator auf JTL Connector - Software 5 Shop Onlineshop-Anbindung 2
Neu Kurzbeschreibung von einem "Stücklisten-Artikel" wird in der Rechnungskorrektur Vorlage nicht angezeigt. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Import von sonderpreisen JTL-Ameise - Fehler und Bugs 1
Neu automatisierte Weiterleitung von https:// nach https://www. Betrieb / Pflege von JTL-Shop 10
Neu Produktbeschreibung von einem anderen Produkt abrufen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Umzug der POS von Tablet zu Windows PC Einrichtung / Updates von JTL-POS 2

Ähnliche Themen