Neu per Plugin Variationen ein/ausblenden (Javascript/Jquery)

dercoderkm

Aktives Mitglied
21. Dezember 2019
47
10
Moin,

Gerne möchte ich per Plugin bei einem Artikel eine Variation ausblenden und dieser einen Standardwert geben also eine Option vorauswählen.
Eine Option vorauswählen ist absolut kein Problem aber
wie kann ich eine Variation per Plugin/JS ein bzw. wieder einblenden?
Ich weiß natürlich wie ich per JS/Jquery Elemente ein und ausblende aber bei den Variationen gibt es keinen richtigen Selector um das zu machen..
Die Überschrift einer Variation sieht so aus:
HTML:
                        <dt>{$Variation->cName}&nbsp;
                            {if $Variation->cTyp === 'IMGSWATCHES'}
                                <span class="swatches-selected text-success" data-id="{$Variation->kEigenschaft}">
                                {foreach $Variation->Werte as $variationValue}
                                    {if isset($oVariationKombi_arr[$variationValue->kEigenschaft])
                                        && in_array($variationValue->kEigenschaftWert, $oVariationKombi_arr[$variationValue->kEigenschaft])}
                                        {$variationValue->cName}
                                        {break}
                                    {/if}
                                {/foreach}
                                </span>
                            {/if}
                        </dt>
Wie man sieht hat das Element dt keine ID und auch keinen Namen. Wie also per JS Ausblenden/Einblenden für die eine Variation.
Bei vielen Variationen hat DT auch keine ID oder einen Namen.
Das gleiche gilt für die Variation / dem Feld an sich zum auswählen / ausfüllen.
Das ganze Feld wird mit dem Tag DD umschlossen und hat auch keine klar erkennbare ID pro Variation:
HTML:
 <dd class="form-group text-left-util">
Das ist für jede Variation der Fall.

Wäre super wenn mir hier jemand helfen könnte und mir sagt wie ich das am besten mache?
Jetzt habe ich gerade die productdetails/variation.tpl so angepasst das dass Element DT die ID "UeberschriftVariation_kEigenschaft" hat so kann ich diese ansprechen.
Das gleiche gilt für den Tag DD.
Allerdings ist es ja nicht Sinn der Sache das dass Template bearbeitet werden muss für ein Plugin.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.199
994
Berlin
Es ist eigentlich möglich das komplett über ein Plugin zu regeln, indem man sich an den Namen der Variation hält, du gehst also die Variationen eines Artikels durch und merkst dir die ID der Variation dessen Namen dann eben immer "Farbe" ist, dann kannst du ja über phpQuery darauf zugreifen.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
5.199
994
Berlin
da hangelt man sich dann hoch :)

mein Code sieht da bei Varianten, wenn es Dropdowns sind etwas anders aus, die 96 ist die ID der Variante.

JavaScript:
$("dt:nth-child(" + $("[name='eigenschaftwert[96]']").closest("dd").index() + ")").slideUp();
$("[name='eigenschaftwert[96]']").closest("dd").slideUp();


Und das war jetzt mein html code dazu:

HTML:
<div class="row variations switch-variations">
                    
<div class="col ">
                    <dl>
                    
                    <dt>Größe&nbsp;</dt>
<dd class="form-group text-left-util"><div class="dropdown bootstrap-select show-tick form-control custom-select"><select name="eigenschaftwert[95]" title="Bitte wählen Sie eine Variation." required="" class="form-control custom-select selectpicker" data-size="10" tabindex="-98"><option class="bs-title-option" value=""></option>
    <option value="368" class="variation" data-content="<span data-value='368'>S</span>" data-type="option" data-original="S" data-key="95" data-value="368" data-ref="600">S</option>
<option value="369" class="variation" data-content="<span data-value='369'>M</span>" data-type="option" data-original="M" data-key="95" data-value="369" data-ref="603">M</option>
<option value="370" class="variation" data-content="<span data-value='370'>L</span>" data-type="option" data-original="L" data-key="95" data-value="370" data-ref="606">L</option>
<option value="371" class="variation" data-content="<span data-value='371'>XL</span>" data-type="option" data-original="XL" data-key="95" data-value="371" data-ref="609">XL</option>
</select><button type="button" class="btn dropdown-toggle bs-placeholder btn-light" data-toggle="dropdown" role="button" title="Bitte wählen Sie eine Variation."><div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Bitte wählen Sie eine Variation.</div></div> </div></button><div class="dropdown-menu " role="combobox"><div class="inner show" role="listbox" aria-expanded="false" tabindex="-1"><ul class="dropdown-menu inner show"></ul></div></div></div></dd>
                    
                    <dt>Farbe&nbsp;</dt>
<dd class="form-group text-left-util"><div class="dropdown bootstrap-select show-tick form-control custom-select"><select name="eigenschaftwert[96]" title="Bitte wählen Sie eine Variation." required="" class="form-control custom-select selectpicker" data-size="10" tabindex="-98"><option class="bs-title-option" value=""></option>
    <option value="372" class="variation" data-content="<span data-value='372'>Rot</span>" data-type="option" data-original="Rot" data-key="96" data-value="372" data-ref="600">Rot</option>
<option value="373" class="variation" data-content="<span data-value='373'>Grau</span>" data-type="option" data-original="Grau" data-key="96" data-value="373" data-ref="601">Grau</option>
<option value="374" class="variation" data-content="<span data-value='374'>Gr&amp;uuml;n</span>" data-type="option" data-original="Grün" data-key="96" data-value="374" data-ref="602">Gr&amp;uuml;n</option>
</select><button type="button" class="btn dropdown-toggle bs-placeholder btn-light" data-toggle="dropdown" role="button" title="Bitte wählen Sie eine Variation."><div class="filter-option"><div class="filter-option-inner"><div class="filter-option-inner-inner">Bitte wählen Sie eine Variation.</div></div> </div></button><div class="dropdown-menu " role="combobox"><div class="inner show" role="listbox" aria-expanded="false" tabindex="-1"><ul class="dropdown-menu inner show"></ul></div></div></div></dd>
                                        </dl>
                
</div>
            
</div>
 
  • Gefällt mir
Reaktionen: dercoderkm
Ähnliche Themen
Titel Forum Antworten Datum
Neu Preis per Tausend JTL-Wawi - Ideen, Lob und Kritik 8
Neu Workflow einrichten - nicht versendbare Artikel per E-Mail versenden User helfen Usern - Fragen zu JTL-Wawi 0
Neu Versandart per Workflow? ans Ende der Positionliste stellen User helfen Usern - Fragen zu JTL-Wawi 2
Neu per csv-Datei nicht mehr vorhandene Artikel verschieben und Lieferzeiten definieren User helfen Usern - Fragen zu JTL-Wawi 0
Beantwortet Fehler: Artikelaktualisierung per Ameise - kann nicht vollständig aktualisiert werden weil er sich auf einer Pickliste befindet User helfen Usern - Fragen zu JTL-Wawi 1
Neu DHL Retourenlabel gehen nicht per Email raus an Kunden. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Bilder aus Elementsammlung per Formel einbinden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Export per Druckvorlage Aufträge inkl. offener nicht geleiferter Artikel JTL-Wawi 1.6 11
Neu ebay Angbeot per SQL beenden eBay-Anbindung - Ideen, Lob und Kritik 2
Neu Neue Artikel per Workflow auf allen Kanälen listen Arbeitsabläufe in JTL-Wawi 0
Neu php-Datei innerhalb eines Plugins per Cronjob aufrufen Technische Fragen zu Plugins und Templates 4
Beantwortet Lieferstatus eines Artikels nach verfügbarem Lagerbestand automatisch per Workflow ändern lassen. JTL-Workflows - Ideen, Lob und Kritik 2
Neu Varkombis per Ameise mit bestehenden Artikeln löschen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Anbindung verschiedener Briefe per Internetmarke an ebay nicht möglich?!? JTL-ShippingLabels - Ideen, Lob und Kritik 2
Neu Aufträge splitten pro Position per Workflow Arbeitsabläufe in JTL-Wawi 0
In Bearbeitung Order & Pick per Webshop mit JTL-POST Allgemeine Fragen zu JTL-POS 3
Neu Kundengruppen automatisch (bspw. per Link) vergeben Allgemeine Fragen zu JTL-Shop 0
Neu Preise kalkulieren / anpassen per Ameise JTL-Ameise - Fehler und Bugs 0
Neu Einmaliger Gratis Artikel per Workflow hinzufügen Arbeitsabläufe in JTL-Wawi 5
Neu Zahlungsart per Workflow setzen ignoriert Skonto-Einstellung JTL-Wawi - Fehler und Bugs 2
Neu Artikeletiketten per Zebra ZD420 / Nach Warenannahme Druckerwarteschlange blockiert User helfen Usern 0
Neu Ebay Angebot Preis aktualisieren per Datenbank? Individuelle Listenansichten in der JTL-Wawi 1
Neu Mitlaufende Artikeldetail-Bilder im Nova per CSS? Templates für JTL-Shop 4
Issue angelegt Hinzufügen großer Artikelmengen per Touchscreen nach Update nicht mehr möglich [WAWI-62158] JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 3
Neu Import von Verpackungseinheiten VPE der Lieferanten per JTL-Ameise JTL-Ameise - Fehler und Bugs 3
In Diskussion Workflow - Anzahl tägliche Verkäufe je Warengruppe, alle 24 Stunden per eMail senden JTL-Workflows - Ideen, Lob und Kritik 21
In Bearbeitung Lieferantenbestand per Workflow auf 0 JTL-Workflows - Ideen, Lob und Kritik 0
Neu Plugin Entwicklung - Plugin aktiv? Debugging Technische Fragen zu Plugins und Templates 0
Neu Plugin-Verschlüsselung/Encoding Technische Fragen zu Plugins und Templates 5
Neu Plugin für Trusted Shops Excellence Shop5 Plugins für JTL-Shop 1
Nach Domainumstellung Plugin Manager nicht mehr erreichbar Einrichtung JTL-Shop5 1
Neu Formulareingaben / Formel ausrechnen - Plugin? Plugins für JTL-Shop 0
Neu JTL Header Plugin: Weitere Grafik/Badge neben dem Logo platzieren, wie? Templates für JTL-Shop 4
Neu Plugin: "Auswahlassistent" by NETZdinge.de Plugins für JTL-Shop 1
Neu JTL-Header Plugin - Mehrzeilige Navbar mit fester Boxgröße Templates für JTL-Shop 1
Neu Rich Text Editor fehlt wird nicht angezeigt, benötigt man ein Plugin? Allgemeine Fragen zu JTL-Shop 0
Neu DHL Plugin und Vorkasse JTL-Shop - Ideen, Lob und Kritik 0
Beantwortet Nicht benötigtes Plugin entfernen? Plugins für JTL-Shop 3
Neu Einsteigerfragen Plugin Entwicklung bzw. Ausgabe im Template Technische Fragen zu Plugins und Templates 7
Neu Neues JTL-Shop5 Plugin "Click&Collect" by CIN-GmbH 📢 Plugins für JTL-Shop 1
Neu Einrichtung Unzer Plugin unter JTL-Shop 5 Plugins für JTL-Shop 0
Beantwortet IT Recht Kanzlei Plugin spielt doppelt aus Plugins für JTL-Shop 2
Neu Secupay Plugin Plugins für JTL-Shop 7
Neu PAYPAL Checkout-Plugin Zahlarten nicht benannt Installation / Updates von JTL-Shop 0
Neu DHL Wunschpaket Plugin JTL Shop 4 - Bestellvorgang verwehren bei fehlender Auswahl/Eingabe Plugins für JTL-Shop 0
Neu PAYPAL Plugin 2.1.2. zeigt bei JTL SHOP 5.1.4 unsere Bestellnummern nicht mehr an JTL-Shop - Fehler und Bugs 2
Neu PayPal Plugin leitet nicht auf Bestellabschluss-Seite Plugins für JTL-Shop 1
Neu 💙 Neues Plugin: Upload Field Extension (Uploadfelder für Formulare bereitstellen) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu Plugin für Zusatzverkäufe unter Warenkorbbutton Plugins für JTL-Shop 2
Neu SW5 Connector Plugin Freigabe für aktuelle SW-Version Shopware-Connector 4

Ähnliche Themen