Bilder mit einer Variante verknüpfen

Sie können einer Variante bestimmte Bilder zuordnen, sodass das richtige Bild angezeigt wird, wenn der Kunde beispielsweise eine bestimmte Farbe auswählt.

So ordnen Sie Bilder zu

1. Gehen Sie zu „Produkte“ und klicken Sie beim Produkt auf „Bearbeiten“
2. Laden Sie alle Bilder für das Produkt hoch (alle Farben/Varianten)
3. Klappen Sie den Abschnitt „Produktbilder “ auf
4. Wählen Sie bei jedem Bild im Dropdown-Menü „Variante zuordnen“ die Variante aus, zu der das Bild gehört
5. Wiederhole diesen Vorgang für jedes Bild, das einer Variante zugeordnet werden soll
6. Klicken Sie auf „Speichern“

Anzeige im Shop

Wenn ein Kunde eine Variante auswählt (z. B. die Farbe „Rot“), wechselt die Bildergalerie automatisch zu den Bildern, die der ausgewählten Variante zugeordnet sind.

In Ihrem Theme

Variantenbilder werden in den meisten Themes automatisch verwaltet. Wenn du ein benutzerdefiniertes Theme verwendest, kannst du Folgendes nutzen:

Die Variantenverknüpfung ist im Produkt gespeichert, nicht in der Variante selbst. Du durchgehst daher die Bilder des Produkts und prüfst bei jedem Bild, ob es einem bestimmten Variantenwert zugeordnet ist:

<{foreach $product->getImages() as $image}>
  <{$variant_value_id = $image->getVariantAttributeValueId()}>
  <{if !$variant_value_id || $variant_value_id == $selected_variant_value_id}>
    <img src="<{$image|image:400:400:90}>" alt="<{$product->getTitle()}>">
  <{/if}>
<{/foreach}>

Ein Bild ohne Zuordnung wird immer (als Standardbild) angezeigt, während Bilder mit einer bestimmten Variantenzuordnung nur angezeigt werden, wenn diese Variante ausgewählt ist.

Tipps

• Laden Sie zunächst alle Bilder hoch und ordnen Sie sie anschließend den Varianten zu
• Verwenden Sie einen einheitlichen Hintergrund für alle Produktbilder, um ein professionelles Erscheinungsbild zu erzielen
• Bilder, die keiner Variante zugeordnet sind, werden als Standardbilder angezeigt

Siehe auch: Bildqualität und Bildformat.

Benötigen Sie Hilfe? Kontaktieren Sie uns unter support@shoporama.dk.