Artikelvarianten dynamisch darstellen

plentyMarkets verfügt über die Möglichkeit, Artikeln einzelne Attribute zuzuordnen und darüber Artikelvarianten zu definieren. Diese können auch visuell im Webshop dargestellt werden.

Damit die dynamische Darstellung in allen Ihren Ansichten funktioniert, müssen Sie die beschriebenen Schritte für die jeweiligen Templates wiederholen. Beispielsweise hat die dynamische Darstellung in den Suchergebnissen nur einen Effekt, wenn Sie auch das Template SearchResult > SearchResultItem bearbeitet haben.

ImageAttributeListe

Mit Hilfe des Platzhalters ImageAttributeList können Sie die Attribute eines Artikels nicht nur als Dropdown darstellen, sondern auch als Liste von Vorschaubildern. Diese verändern dynamisch die Auswahl der Attribute im Dropdown und können auch die Features "Dynamischer Artikelpreis" und "Dynamische Bilder" nutzen.

Damit der Platzhalter ImageAttributeList funktioniert, müssen die Attribute einem Bild zugeordnet werden. Siehe "Dynamische Bilder" weiter unten.

Die integration des Platzhalters wird hier beispielsweise nur für "SingleArticle" beschrieben, funktioniert aber auch in allen anderen Bereichen, in denen man den Platzhalter AttributeSelect einsetzen kann. 

Layout

1. Wählen Sie in der Kategorie Artikelansicht die Option SingleArticle
2. Klicken sie auf öffnen... um das Template zu bearbeiten
3. Platzieren Sie, falls noch nicht vorhanden, den Platzhalter AttributeSelect
4. Platzieren Sie den Platzhalter ImageAttributeList
5. Speichern sie Ihre Änderungen

Dynamischer Artikelpreis

Damit die Anzeige des Artikelpreises abhängig von der Auswahl eines Attributes ist, muss man den Platzhalter Price durch den Platzhalter PriceDynamic ersetzen.

Layout

1. Wählen Sie in der Kategorie Artikelansicht die Option SingleArticle
2. Klicken sie auf öffnen... um das Template zu bearbeiten
3. Platzieren Sie, falls noch nicht vorhanden, den Platzhalter AttributeSelect
4. Ersetzen sie den Platzhalter Price durch PriceDynamic 

Damit Sie einen Effekt sehen, müssen Sie den entsprechenden Artikeln Attribute mit Aufpreisen zugeordnet haben!

Weiterhin kann die Anzeige der jeweiligen Aufpreise im Auswahlfeld deaktiviert werden, dazu muss lediglich eine Option geändert werden. Im Bereich Märkte > Webshop > Einstellungen > Grundeinstellungen befindet sich dafür die Option Attribute mit Aufpreisen, die auf nicht anzeigen gesetzt werden kann. 

Dynamische Bilder abhängig von Attributen

Damit die Anzeige der Artikelbilder von der Auswahl eines Attributes abhängig ist, müssen Sie zunächst bei den verwendeten Attributen die Option Artikelbildverknüpfung aktivieren.

Artikel > Einstellungen > Attribute

1. Öffnen Sie das Attribut, das Sie bearbeiten möchten.
2. Aktivieren Sie die Option Artikelbildverknüpfung.
3. Wählen Sie bei Artikelvariation unbedingt Standard aus.

Im nächsten Schritt müssen Sie sicherstellen, dass Sie diese Attribute den gewünschten Artikeln zugeordnet haben und den Artikelbildern Attribute zuordnen.

Artikel

1. Suchen Sie nach dem gewünschten Artikel. 
2. Öffnen Sie den Artikel. 
3. Klicken Sie auf Attributverknüpfung bearbeiten ...
4. Aktivieren Sie die gewünschten Attribute und ihre Werte und Speichern Sie den Artikel. 
5. Klicken Sie im geöffneten Artikel auf Artikelbilder.
6. Ordnen Sie den gewünschten Bildern je ein eigenes Attribut zu und Speichern Sie dies jeweils.

Im Bereich Layout unter der Kategorie Artikelansicht wählt man die Option SingleArticle und öffnet das Template.  Darin fügt man den Platzhalter AttributeSelect ein, soweit er nicht schon vorhanden ist. Ausserdem müssen Sie das Template um ein Spezielles JavaScript erweitern.

<script language="javascript" type="text/javascript">
   var dynamic_article_image = "middle";
</script>

Layout

1. Öffnen Sie die Kategorie Artikelansicht und wählen Sie die Option SingleArticle
2. Fügen Sie das JavaScript in das Template ein
3. Bearbeiten Sie darin die Variable dynamic_article_image, indem Sie das Schlüsselwort "middle", "preview" oder "normal" dahinter schreiben. Dies ist abhängig von der Art Ihres gewählten Vorschaubildes (im Normalfall ist es "middle")
4. Stellen Sie sicher, dass sich der Platzhalter AttributeSelect im Template befindet!
5. Klicken Sie auf Speichern, um die Änderungen zu übernehmen

Dynamische Bilder stehen Ihnen auch im Bereich Layout unter der Kategorie Artikelansicht im Bereich ArticleListCategory zur Verfügung. Hierfür müssen Sie zusätzlich beachten, das die Bilder nicht durch <img scr="PreviewImage1URL /> angezeigt werden, sondern der Platzhalter PreviewImage1 benutzt wird. Das gilt äquivalent zu den Bildgrößen normal und middle.