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