Neu Button "Frage zum Produkt" in Productlist einbauen JTL 4.03 Template Evo

mona

Gut bekanntes Mitglied
26. April 2016
304
24
Ich möchte den Button "Frage zum Produkt" in die Unterkategoriebeschreibung einfügen, im Evo vermutlich
unter productlist/index.tpl (jtl 4.03 template evo)

Das Popup öffnet sich, aber es wird nicht alles dargestellt....(siehe Screenshot)screenshot-popup.PNG

Wie mache ich das nun richtig, dass dieser Button auch an einem anderen Ort das vollständige Popup lädt? Mehrere Tage Internet durchforschen und etliches probieren haben leider nichts gebracht....
Besten Dank.
So wäre es richtig:
screenshot-richtiger-popup.PNG
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.822
2.206
Berlin
Firma
css-umsetzung
Ohne nachgeschaut zu haben, fehlt dir dabei dann ja die Artikelnummer zu der du eine Frage hast, wie möchtest du das denn dann machen?
 

mona

Gut bekanntes Mitglied
26. April 2016
304
24
Gut überlegt :) Die irgendwo einbauen {$Artikel->cArtNr} ..oder mit ID"...."..weiss aber noch nicht wo...
danke
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.822
2.206
Berlin
Firma
css-umsetzung
Naja es geht ja darum das du in einem Kategorielisting nicht nur eine Artikelnummer hast, bzw. der Shop bezieht sich eh auf die kArtikel da dies die eindeutige ID ist.
Was ich sagen möchte, auf welchen Artikel von den 20 die du vermutlich siehst, soll sich das denn dann beziehen. Du müsstest dann ja in jeder Produktbox einen Button einbauen der dann die jeweilige ID übergibt.

Schau mal in einer Detailansicht in den Quellcode und suche nach "article_popups" da siehst du dann die komplette Form mit den ganzen hidden Inputs.
 

mona

Gut bekanntes Mitglied
26. April 2016
304
24
Ja, es werden dann so 20 - 50 Button sein, bei welchen ich die jeweilige ID übergeben werde....

Wenn ich die ganzen Formular-divs direkt im html eingebe, dann funktionierts. Ich möchte die aber von extern einbinden, damit ich nicht bei jedem Artikel das ganze "Frage zum Produkt-Formular" mit 60 Zeilen schreiben bzw. kopieren muss...

Stehe aber auf der Leitung.... include popup.tpl habe ich bereits probiert...
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.822
2.206
Berlin
Firma
css-umsetzung
Also wenn du das in jeder "itemsbox" einfügst, dann musst du die Sache ganz anders angehen.
Dann hast du diese formularbox einmalig, und beim klick auf einen der Buttons übergibst du die Aktuelle Artikel ID dem hidden Feld.

Mach bloß nicht 50 Formulare, dann wird das böse enden.
 

mona

Gut bekanntes Mitglied
26. April 2016
304
24
hallo

Irgendwie kriege ich das mit der id nicht hin

<button type="button" id="popup" class="btn btn-default btn-secondary popup-dep question" title="Question on Item">
<span class="fa fa-question-circle"></span>
<span class="hidden-sm">Question on item</span>
</button>

bei Button id und nachher in der Box wird hier normalerweise die ID der Artikelnummer eingegeben.
Wenn ich aber die Formularbox nur einmal implementiere und ich die id="popup" mache, wird das Formular wieder nicht aufgerufen.

Vermutlich weil im script das item verlangt wird?
function show_popup(item) {
var html = $('#popup + item').html();
 
Zuletzt bearbeitet:

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.822
2.206
Berlin
Firma
css-umsetzung
Also eine ID ist "einmalig" die darfst du nicht 50mal im quelltext haben.

du versuchst gerade auf die ID "#popup + item" zuzugreifen, also nicht nur das das von der Übergabe her schon falsch wäre denn richtige ("#popup"+item).
Dir nutzt diese Übergabe aber nichts, sonst müsstest du ja wirklich 50 dieser container haben.

mach einfach einen container mit
PHP:
 <div id="popupKatFragenFormular">......</form>

Und bei einem klick auf den Button musst du mindestens zwei Sachen machen, zum einen muss das dann diese Funktion auslösen, zum anderen musst du dann über eine JS funktion die ID des Artikels in das hidden Feld schreiben.

Dein Button muss hierfür dann anders ausgerüstet sein, die ID muss weg, die Klasse "popup-dep" muss weg

und du gibst ihm ein onclick mit dem Aufruf

PHP:
kann keinen code rein kopieren :(


upload_2016-8-31_11-48-57.png

Das ist jetzt hier nur wild rein geschrieben, ob das geht hängt von deinen Umgebungsbedingungen ab.
Wenn du aber grundsätzlich keinen Plan von JS und oder HTML hast, solltest du das gar nicht erst selbst versuchen.
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Neu Button Anordnung in Bereich Versand so gewollt? JTL-Wawi - Fehler und Bugs 2
Neu Zurück/Abbrechen-Button nach Auswahl der Zahlungsart JTL-POS - Ideen, Lob und Kritik 1
Neu Frage: Artikelimport aus Amazonlisting von Drittanbietern User helfen Usern - Fragen zu JTL-Wawi 4
Neu Frage zur eBay-Artikelbeschreibung bei Variationskombinationen (Kindartikel mit eigenem Text und Bildern) eBay-Anbindung - Fehler und Bugs 5
Neu Frage zur Handhabung bei Import Vorlage JTL-Ameise - Fehler und Bugs 5
Bedeutung der Farben (Grün/Orange) in der Auftragsmaske + Frage zum Fehlbestand JTL-Wawi 1.10 4
Frage zu Variationsartikeln im Onlineshop ( Bei einem Kauf ) JTL-Wawi 1.9 7
Neu Frage zu BLINDKOPIE bei Versand User helfen Usern - Fragen zu JTL-Wawi 2
Neu Frage zum Onlineshop-Abgleich - HOOK_ARTIKEL_XML_BEARBEITEINSERT Technische Fragen zu Plugins und Templates 0
Neu Übermittlung der DHL Retourenetiketten ins DHL Geschäftsportal zum Druck JTL-ShippingLabels - Ideen, Lob und Kritik 1
Neu OS-Plattform wurde zum 20.07.2025 abgeschaltet. Smalltalk 2
Neu Versandbenachrichtigungen zum Lieferschein werden nicht mehr gesendet. JTL-Wawi - Fehler und Bugs 1
Keine Datenübertragung zum Shop möglich / Kundenkonto migrieren Onlineshop-Anbindung 11
Neu DotLiquid zum auslesen Attribut für BrowseNodeID Amazon-Lister - Ideen, Lob und Kritik 3
Neu Mit Ameize nutze: Freie Position zum Auftrag hinzufügen verursacht Fehler JTL-Ameise - Fehler und Bugs 3
Neu zum 30. Juni 2025 wird der Amazon Lister 1.0 eingestellt JTL-ShippingLabels - Fehler und Bugs 5
Neu Nach updatet auf 5.5.1 - erscheinen über dem Header 3 links Zum Hauptinhalt springen Zur Suche springen Zum Menü springen Installation / Updates von JTL-Shop 19

Ähnliche Themen