Abhängige Varianten als Tabelle darstellen

Sie können in Ihrem WEBSALE V8s-Shop abhängige Varianten als Tabelle anzeigen. Die Voraussetzung hierzu ist, dass die maximale Anzahl von abhängigen Varianten nicht zu groß ist (maximal 100 Varianten).

Beispiel:

Zwei abhängige Varianten "Farbe" und "Größe" bei einem Produkt mit 10 Kombinationen ergibt folgende Tabelle:

Produktnummer

Farbe

Größe

Preis

Menge

1001

rot

S

10,00 EUR

1002

rot

M

11,00 EUR

1003

rot

L

12,00 EUR

1004

rot

XL

12,00 EUR

1005

blau

S

15,00 EUR

1006

blau

M

15,00 EUR

1007

blau

XXL

19,00 EUR

1008

gelb

S

5,00 EUR

1009

gelb

M

5,00 EUR

1010

gelb

L

5,00 EUR

WEBSALE V8s unterstützt bei der Anzeige als Tabelle die maximale Anzeige von 100 Varianten-Kombinationen. Dieser Maximalwert ist jedoch rein technisch zu sehen und sollte nicht erreicht werden, da dies die Übersichtlichkeit, Bedienbarkeit für den Käufer, Seitendesign und Ladezeit im Browser stark beeinträchtigen würde.

Produkte mit vielen Varianten-Kombinationen

Da es bei Produkten mehrere hundert oder sogar mehrere tausend Varianten-Kombinationen geben kann, ergibt es keinen Sinn, bei diesen Produkten die Varianten als Tabelle anzuzeigen. Hier ist nur die Anzeige über Auswahllisten sinnvoll, in denen jeweils nur ein Teil der Varianten angezeigt wird. Sie können im Template daher steuern, ob die abhängigen Varianten als Tabelle oder per Auswahlliste / Links angezeigt werden.

Hierzu wird im Template ein maximaler Wert für die Varianten-Kombinationen eingetragen. Wir empfehlen Ihnen einen Wert von 25. Dies bedeutet:

Enthält ein Produkt maximal 25 abhängige Varianten-Kombinationen, dann werden diese als Tabelle angezeigt.

Enthält ein Produkt mehr als 25 abhängige Varianten-Kombinationen, dann werden diese als Auswahllisten angezeigt.

Angezeigte Produktdaten

Sie können bei der gesonderten Anzeige der abhängigen Varianten beliebige Produktdaten anzeigen lassen. Wir empfehlen Ihnen, neben den Varianten wie "Farbe" oder "Größe" noch folgende Daten anzuzeigen:

Produktnummer

Produktbild, falls dieses von den Varianten abhängt

Preis, falls dieser von den Varianten abhängt

Lagerbestand bzw. Lieferbarkeit, falls vorhanden

Eingabefeld für die Menge

Ein oder mehrere Felder zur Mengeneingabe

Über das Mengeneingabefeld direkt bei der Variante kann der Käufer mehrere Varianten gleichzeitig in den Warenkorb legen (siehe vorangehendes Beispiel).

Alternativ kann das Mengeneingabefeld auch nur einmal angezeigt werden. In diesem Fall wird die Verlinkung auf eine bestimmte Variante notwendig.
Beispiel:

Menge:

Ihre Auswahl:
Produktnummer: 1007
Preis: 19.00 EUR
Farbe: blau
Größe: XXL

Produktnummer

Farbe

Größe

Preis

1001

rot

S

10.00 EUR

1002

rot

M

11.00 EUR

1003

rot

L

12.00 EUR

1004

rot

XL

12.00 EUR

1005

blau

S

15.00 EUR

1006

blau

M

15.00 EUR

1007

blau

XXL

19.00 EUR

1008

gelb

S

5.00 EUR

1009

gelb

M

5.00 EUR

1010

gelb

L

5.00 EUR

Klickt der Käufer z. B. auf die Produktnummer "1007", werden unter "Ihre Auswahl" die Daten dieser Variante angezeigt und können in den Warenkorb gelegt werden. Ob eine Produktnummer (bereits) ausgewählt wurde, lässt sich im Template entsprechend klammern.

Integration in den Shop

Die Anzeige der abhängigen Varianten als Tabelle wird auf dem Einzelprodukt-Template integriert.

Im Bereich WS-Config des Templates geben Sie mit dem Parameter MAXSeparatedDepVariations die Anzahl der maximalen Varianten-Kombinationen im Template an:

{WS-Config}
...
MAXSeparatedDepVariations = 25
{/WS-Config}

Referenz: WS-Config

Auf dem Template können Sie folgende Tags verwenden:

PR-SeparateDepVariations: Dieser Bereich wird für die Anzeige der abhängigen Varianten als Tabelle angezeigt. Im negativen Bereich werden die Auswahllisten / Links angezeigt.

Referenz: PR-SeparateDepVariations

Cat-AdvData($DepVariations,99): Initialisierung der Liste

Referenz: Cat-AdvData()

PR-Data: Anzeige der Produktdaten per Schleife

Referenz: PR-Data

PR-DepVariationName1…100: Anzeige des Varianten-Namens, z. B. "Farbe" oder "Größe". Durch die Klammerung des Tags können Sie die Tabellenspalten dynamisch erstellen.

Referenz: PR-DepVariationName1…200

PR-DepVariationValue1…100: Anzeige des Varianten-Wertes, z. B. "rot" oder "XXL".

Referenz: PR-DepVariationValue1…100

PR-DepVarLink: Verlinkung einer einzelnen Variante mittels <a href="~PR-DepVarLink">.....</a>

Referenz: PR-DepVarLink

PR-DepVariationSelected: Zeigt an, ob die einzelne Variante ausgewählt wurde (z. B. durch Aufruf mittels des zugehörigen <a href="~PR-DepVarLink">.....</a>)

Referenz: PR-DepVariationSelected

PR-Quantity_Input: Mengeneingabefeld mittels <input type="text" size=4 name="~PR-Quantity_Input~" value="">

Referenz: PR-Quantity_Input

PR-SelectedDepVariations: Anzeige aller Variantenwerte bei der Varianten-Verlinkung. WEBSALE V8s generiert hier automatisch eine Tabelle mit 2 Spalten.

Referenz: PR-SelectedDepVariations

ST-DepVar_OK: Bereich wird angezeigt, wenn auf einen Variantenlink geklickt wurde.

Referenz: ST-DepVar_OK

Beispiel:

Im Shop existieren Produkte mit einer Variante z. B. "Farbe" oder mit 2 Varianten z. B. "Farbe", "Größe" oder mit 3 Varianten, "Farbe", "Größe", "Typ".

Durch die Klammerung der Varianten-Namen können Sie die Anzahl der Tabellen-Spalten dynamisch gestalten.

{PR-SeparateDepVariations}
Hier werden die abhängigen Varianten separat angezeigt
{Cat-AdvData($DepVariations,99)}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Produktnummer</td>
{PR-DepVariationName1}<td>~PR-DepVariationName1~</td>{/PR-DepVariationName1}
{PR-DepVariationName2}<td>~PR-DepVariationName2~</td>{/PR-DepVariationName2}
{PR-DepVariationName3}<td>~PR-DepVariationName3~</td>{/PR-DepVariationName3}
<td>Preis</td>
<td>Menge</td>
</tr>
 
{@PR-Data}
<tr>
<td>~PR-Number~</td>
{PR-DepVariationName1}<td>~PR-DepVariationValue1~</td>{/PR-DepVariationName1}
{PR-DepVariationName2}<td>~PR-DepVariationValue2~</td>{/PR-DepVariationName2}
{PR-DepVariationName3}<td>~PR-DepVariationValue3~</td>{/PR-DepVariationName3}
<td>~PR-Price~ ~WS-Currency~</td>
<td><input type="text" size=6 name="~PR-Quantity_Input~" value=""></td>
</tr>
{/@PR-Data}
</table>
{/Cat-AdvData($DepVariations,99)}
{/PR-SeparateDepVariations}
 
{!PR-SeparateDepVariations}
...
Hier werden die Listboxen angezeigt.
...
{/!PR-SeparateDepVariations}

Alternative Darstellungen abhängiger Varianten

Sie können abhängige Varianten alternativ auch als Liste von Links oder als Bilderliste darstellen.

Styles

Referenz: Styles für Produkt

Siehe auch

Wegweiser: Normale Varianten anzeigen

Wegweiser: Abhängige Varianten als Links anzeigen

Wegweiser: Abhängige Varianten als Auswahllisten darstellen