Artikelvarianten dynamisch darstellen

Layout > Layout-Generator

Märkte > Webshop > Einstellungen > Grundeinstellungen

Artikel > Einstellungen > Attribute

Themen bzw. Einstellungen dieses Kapitels:

1) ImageAttributeList

2) Dynamischer Artikelpreis

3) Dynamische Bilder abhängig von Attributen

Wenn Sie Einträge, Einstellungen oder Änderungen vorgenommen haben, klicken Sie vor Verlassen eines Bereichs jeweils auf das Speichern-Symbol, um Ihre Konfiguration zu sichern.

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.

1) ImageAttributeList

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. Öffnen Sie das Menü Layout > Layout-Generator.
  2. Wählen Sie in der Kategorie Artikelansichten die Option SingleArticle.
  3. Platzieren Sie, falls noch nicht vorhanden, den Platzhalter AttributeSelect.
  4. Platzieren Sie den Platzhalter ImageAttributeList.
  5. Speichern sie Ihre Änderungen.

2) 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. Öffnen Sie das Menü Layout > Layout-Generator.
  2. Wählen Sie in der Kategorie Artikelansichten die Option SingleArticle.
  3. Platzieren Sie, falls noch nicht vorhanden, den Platzhalter AttributeSelect.
  4. Ersetzen sie den Platzhalter Price durch PriceDynamic.
  5. Speichern sie Ihre Änderungen.

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. 

 

3) 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 Artikelansichten wählt man die Option SingleArticle und öffnet das Template.  Darin fügt man den Platzhalter AttributeSelect ein, sofern er nicht schon vorhanden ist. Außerdem 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 das Menü Layout > Layout-Generator.
  2. Wählen Sie in der Kategorie Artikelansichten die Option SingleArticle.
  3. Fügen Sie das JavaScript in das Template ein.
  4. Bearbeiten Sie darin die Variable dynamic_article_image, indem Sie eines der Schlüsselwörter "middle", "preview" oder "normal" dahinter schreiben. Dies ist abhängig von der Art Ihres gewählten Vorschaubildes (im Normalfall ist es "middle").
  5. Stellen Sie sicher, dass sich der Platzhalter AttributeSelect im Template befindet!
  6. Speichern sie Ihre Änderungen.

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, dass 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".