Neu preselect einer Varkombi Auswahl

Conny

Sehr aktives Mitglied
7. September 2009
548
60
Ich versuche mal mein Problem zu beschreiben.
Es gibt viele Haarfarben, deswegen habe ich über die Selectbox eine "Preview" gelegt welche einfach nur alle vorhandenen Miniaturbilder anzeigt.
Jetzt würde ich es gerne noch so machen, dass wenn man auf ein solches "Preview" Bildchen klichk (1) sich der entsprechende Artikel in der Selectbox (2) auf aktiv anzeigt.


b3.png

Folgendes habe ich in "productdetails/variation.tpl" geändert.

ab Zeile 22 habe ich folgendes eingebaut:
PHP:
                {* Vorschaubilder anzeigen *}
                {foreach name=Variationswerte from=$Variation->Werte key=y item=Variationswert}   
                    <span class="label-variation">
                        {if !empty($Variationswert->cBildPfadMini)}
                            <img src="{$Variationswert->cBildPfadMini}" alt="{$Variationswert->cName|escape:'quotes'}"
                                 data-list='{prepare_image_details item=$Variationswert json=true}'
                                 title="{$Variationswert->cName}" />
                        {else}
                                {* kein Preview Bild vorhanden*}
                        {/if}
                    </span>
                {/foreach}

{* ab hier kommt der Standard Code der Selectbox*}
 <dd class="form-group{if $Variation->cTyp !== 'FREIFELD' && !$showMatrix} required{/if}">
                    {if $Variation->cTyp === 'SELECTBOX'}
                        {block name="productdetails-info-variation-select"}
                        <select class="form-control" title="{if isset($smallView) && $smallView}{$Variation->cName} - {/if}{lang key="pleaseChooseVariation" section="productDetails"}" name="eigenschaftwert[{$Variation->kEigenschaft}]"{if !$showMatrix} required{/if}>
                            {foreach name=Variationswerte from=$Variation->Werte key=y item=Variationswert}
                                {assign var="bSelected" value=false}
                                {if isset($oVariationKombi_arr[$Variationswert->kEigenschaft])}
                                    {assign var="bSelected" value=in_array($Variationswert->kEigenschaftWert, $oVariationKombi_arr[$Variationswert->kEigenschaft])}
                                {/if}
                                {if isset($oEigenschaftWertEdit_arr[$Variationswert->kEigenschaft])}
                                    {assign var="bSelected" value=$Variationswert->kEigenschaftWert == $oEigenschaftWertEdit_arr[$Variationswert->kEigenschaft]->kEigenschaftWert}
                                {/if}
                                {if ($Artikel->kVaterArtikel > 0 || $Artikel->nIstVater == 1) && $Artikel->nVariationOhneFreifeldAnzahl == 1 &&
                                $Einstellungen.global.artikeldetails_variationswertlager == 3 &&
                                !empty($Artikel->VariationenOhneFreifeld[$i]->Werte[$y]->nNichtLieferbar) && $Artikel->VariationenOhneFreifeld[$i]->Werte[$y]->nNichtLieferbar == 1}
                                {else}
                                    {include file="productdetails/variation_value.tpl" assign="cVariationsWert"}
                                    <option value="{$Variationswert->kEigenschaftWert}" class="variation"
                                            data-type="option"
                                            data-original="{$Variationswert->cName}"
                                            data-key="{$Variationswert->kEigenschaft}"
                                            data-value="{$Variationswert->kEigenschaftWert}"
                                            data-content="{$cVariationsWert|escape:'html'}{if $Variationswert->notExists}<span class='label label-default label-not-available'>{lang key='notAvailableInSelection'}</span>{elseif !$Variationswert->inStock}<span class='label label-default label-not-available'>{lang key='ampelRot'}</span>{/if}"
                                            {if !empty($Variationswert->cBildPfadMini)}
                                                data-list='{prepare_image_details item=$Variationswert json=true}'
                                                data-title='{$Variationswert->cName}'
                                            {/if}
                                            {if isset($Variationswert->oVariationsKombi)}
                                                data-ref="{$Variationswert->oVariationsKombi->kArtikel}"
                                            {/if}
                                            {if $bSelected} selected="selected"{/if}>
                                        {$cVariationsWert|trim}
                                    </option>
                                {/if}
                            {/foreach}
                        </select>
                        {/block}



Ich denke mal man müsste wahrscheinlich ein "JS" einbauen. Aber mit JS kenne ich mich leider nicht aus.
Kann mir jemand helfen ?
 

waldemar.p

Moderator
Mitarbeiter
6. Januar 2016
109
17
Hm, ja bei deinem Weg müsstest du das mit JS arbeiten und die Drop-Down-Liste einsprechend selektieren.

Aber ist es für dich nicht einfacher die Darstellung von Dropdown auf Swatches zu ändern?
Denn die Swatches Variante sieht ebenfalls fasst genau so wie du dir das mit Vorschaubildern zurecht gebaut hast. Und wenn diese angeklickt werden, wird auch die passende Variation geladen.
Diese könntest du dann per CSS höchstens an deine Darstellungswünsche dann anpassen und kommst eventuell auch ohne JS-Code aus.
 
Ähnliche Themen
Titel Forum Antworten Datum
In Diskussion Liquid error: Parameteranzahlkonflikt bei einer einfachen Anweisung Gelöste Themen in diesem Bereich 3
Neu Erstellen eines Sets, als Variation in Zusammenhang mit einer Stückliste Arbeitsabläufe in JTL-Wawi 2
Neu URL einer Unterkategorie weiterleiten Allgemeine Fragen zu JTL-Shop 3
Neu Programmierung eines Tools zur Verwaltung einer Datentabelle (JTL Shop 5) Technische Fragen zu Plugins und Templates 6
Neu Anpassen einer Rechnungsvorlage - Bearbeiten von Textbausteinen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Wie kann ich eine Benachrichtigung bei einem Wareneingang auslösen mit einer Mail über die Artikel die eingebucht wurden JTL-Wawi 1.8 2
Neu CSV-Datei direkt in einer SQL-Abfrage verwenden User helfen Usern - Fragen zu JTL-Wawi 3
In Bearbeitung Umzug mit einer Kasse auf ein neues Gerät Allgemeine Fragen zu JTL-POS 2
Neu Kostenloses Webinar: BWA – Leg ich ab? Richtiges lesen einer BWA zur Unternehmenssteuerung im Onlinehandel Smalltalk 0
Neu Alle Artikel auf einer Seite im Shop anzeigen Allgemeine Fragen zu JTL-Shop 2
Neu Variationsartikel einer Stückliste zuordnen? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Komponente einer Stückliste öffnen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Sind eigene Felder im Artikel in einer neueren Wawi-Version von Anfang an sichtbar? User helfen Usern - Fragen zu JTL-Wawi 8
Neu Lagerhaltung Varkombi und Stücklisten User helfen Usern - Fragen zu JTL-Wawi 2
Neu Artikel mit VarKombiartikel, je nach Kategorie anderer VarKombi als Standard Allgemeine Fragen zu JTL-Shop 0

Ähnliche Themen