Abhängige Varianten als Auswahllisten darstellen (Drop-down-Listen)

 

Um abhängige Varianten von Produkten auf Produkteinzelansichtsseiten anzuzeigen, verwenden Sie die Tags PR-DepVariationList1…200 und PR-DepVariationName1…200. Diese Tags müssen innerhalb eines <form>-Elements stehen, weil die vom Kunden eingegebenen Werte der Varianten von WEBSALE V8s weiterverarbeitet und an die nächste Instanz übergeben werden sollen:

...
<form action="~FORM-Product~" method="Post">
  {PR-DepVariationName1}
    ~PR-DepVariationName1~
    ~PR-DepVariationList1~
  {/PR-DepVariationName1}
 
  {PR-DepVariationName2}
    ~PR-DepVariationName2~
    ~PR-DepVariationList2~
  {/PR-DepVariationName2}
...
</form>

Sie erhalten nach entsprechender gestalterischer Bearbeitung der "Styles für Produkte" eine Darstellung wie unter Abhängige Varianten anzeigen beschrieben.

Statt des Tags PR-DepVariationList1 können Sie die Auswahlliste auch selbst über mit dem Tag PR-DepVariationOption1...200 selbst bauen und mit eigenem CSS gestalten:

<form action="~FORM-Product~" method="Post">
  {PR-DepVariationname1}
    <select class="select_dep_variations" onchange="SubmitSelection();" size="1" name="~PR-DepVariationOptionInput1~">
      {@PR-DepVariationOption1}
        <option value="~PR-DepVariationOption1~"
        {PR-DepVariationOptionSelected1}selected{/PR-DepVariationOptionSelected1}>~PR-DepVariationOption1~</option>
     {/@PR-DepVariationOption1}
    </select>
  {/PR-DepVariationname1}
</form>

 

 

Soll in einer solchen Drop-down-Liste z. B auch der Preis der Varianten dargestellt werden, erstellen Sie die Auswahlliste mittels der Tags PR-DepVariationOption1...200.

Mithilfe des Tags PR-LoadDepVariationOptionProduct können Sie den Inhalt beliebiger Produktdatenfelder bereits in der Drop-down-Liste anzeigen lassen, so, als ob der Kunde die betreffende Option bereits ausgewählt hätte.

{PR-DepVariationname1}
    <select class="select_dep_variations" onchange="SubmitSelection();" size="1" name="~PR-DepVariationOptionInput1~">
      {@PR-DepVariationOption1}
        <option value="~PR-DepVariationOption1~"
        {PR-DepVariationOptionSelected1}selected{/PR-DepVariationOptionSelected1}>~PR-DepVariationOption1~
        {PR-LoadDepVariationOptionProduct} ~PR-Price~{/PR-LoadDepVariationOptionProduct}</option>
      {/@PR-DepVariationOption1}
    </select>
{/PR-DepVariationname1}

 

Verweise

Referenz: PR-LoadDepVariationOptionProduct

Referenz: PR-DepVariationOption1200

Referenz: BT-DepVariation_OK

Referenz: ST-DepVar_OK

Referenz: PR-DepVariationList1..200

Referenz: PR-DepVariationName1…200

Referenz: PR-DepVarQuantity

Wegweiser: Varianten anzeigen

Wegweiser: Abhängige Varianten per AJAX nachladen

Wegweiser: Abhängige Varianten als Links anzeigen

Wegweiser: Abhängige Varianten als Tabelle anzeigen