Artikel - Bilder

Gültig ab Version:
4.0.0

Einleitung

In diesem Artikel beschreiben wir die das Hinzufügen von Bildern, das Pflegen von zusätzlichen Informationen am Bild und das Anlegen eines Bild-Mappings für einen Artikel. Dadurch ergibt sich die Möglichkeit, Artikel in diversen Varianten separat darzustellen, falls diese optisch vom Stammartikel abweichen. Wir nehmen hier einen Sneaker als Beispiel.

Bilder hochladen

Bilder hochladen

Als erstes lädst Du in den Artikeldetails die gewünschten Bilder hoch oder wählst die gewünschten Bilder über den Media-Manager aus, falls Du die Bilder bereits hochgeladen hast.

  • 1. Bilder hochladen: Hier lädst Du Bilder in das Shopsystem hoch. Die Bilder werden dann in den Medien-Manager übernommen und die jeweiligen Thumbnailgrößen im Hintergrund erstellt.
  • 2. Bilder auswählen: Bei Klick auf diesen Button öffnet sich ein Auswahlfenster des Medien-Managers, in dem Du die gewünschten Bilder auswählen kannst, falls Du sie bereits hochgeladen hast.
  • 3. Vorschaubilder: Dies sind die Bilder, die dem Artikel zugeordnet sind. Bei Klick auf ein Bild wird der Button Konfiguration öffnen (4) aktiv.

Einstellungen zum Vorschaubild

Das Vorschaubild kann für Variantenartikeln entweder das erste Bild der ersten Variante sein, oder immer das als Vorschau markierte Bild. Dies lässt sich in den Grundeinstellungen unter Einstellungen > Grundeinstellungen > Storefront > Kategorie / Listen definieren.

SEO-Titel und Attribute pflegen

Es werden hier immer nur die Werte des gewählten Bildes angezeigt, klicke also zuerst das gewünschte Bild an, bevor Du Änderungen vornimmst. Für jedes Bild steht ein Titelfeld sowie mehrere Attribut/Freitextfelder zur Verfügung. Die Bild-Attributfelder können über das Template ausgelesen werden. Hier ein Beispiel für das Attributfeld 1:

 
{$sArticle.image.attribute.attribute1}
 

Ansicht im Frontend

Auf der Artikeldetailseite wird immer das Vorschaubild des Artikels direkt beim öffnen des Artikels angezeigt.

Das Vorschaubild wird ebenfalls direkt als Vorschau des Artikels im Listing dargestellt, sofern die Einstellung im Backend dementsprechend konfiguriert ist.

Bildmapping

Konfiguration erstellen

Bei Klick auf den Button öffnet sich ein Popup, in der Du eventuell bereits hinterlegte Konfigurationen einsehen kannst. Möchtest Du eine neue Konfiguration erstellen, klicke auf "Zuordnung hinzufügen"

Es öffnet sich ein weiteres Popup, welches die Verfügbaren Gruppen und Optionen anzeigt.

  • 1. Farbe: Hier sind alle Optionen der Gruppe Farbe aufgelistet
  • 2. Größe: Hier findest Du alle Größen, in denen die Schuhe verfügbar sind

Um das Mapping nun korrekt zu erstellen, wähle die passende Option aus. Als Beispiel ist der Grau/Blaue Schuh ausgewählt, die Option "Grau/Blau" der Gruppe Farbe wird also angehakt und mit 2 Klicks auf "Speichern" wird die Konfiguration gespeichert. Bilder, die eine Konfiguration besitzen, erkennst Du am kleinen blauen Zahnrad, welches oben rechts im Vorschaubild angezeigt wird.

Das Bild des grau/blauen Schuhs wird nun bei allen Varianten angezeigt, die der Farbe "Grau/Blau" zugeordnet sind, egal welche Optionen der Gruppe "Größe" aktiviert sind. Das Bild wird im Bild-Konfigurator auch für die Bilder der Variantenauswahl genutzt.

Als weiteres Beispiel nehmen wir einen Artikel, den es in 2 Farben und 2 Ausführungen gibt, also 4 Varianten mit 4 unterschiedlichen Bildern. Die Laterne im Beispiel soll in Schwarz und Silber verfügbar sein sowie in einer runden und einer eckigen Ausführung. Also muss das Mapping in jeder Gruppe entsprechend gesetzt werden.

Im Frontend sieht der Artikel dann wie folgt aus:

Weitere interessante Artikel:

Artikel - Varianten

Varianten Vorwort Mit den Artikel-Varianten hast Du als Shop-Betreiber die Möglichkeit Ein- oder Mehrdimensionale Varianten-Artikel zu erstellen. Um die Varianten-Funktion nutzen zu können muss in den Stammdaten des Artikels das Feld...

weiterlesen

Sortierung der Varianten im Frontend

Die Reihenfolge der Varianten Gruppen und Optionen wird anhand der Position im Backendmodul festgelegt: [img|1|5] Im Standard werden die Varianten Gruppen '''(1)''' und Optionen '''(2)''' so angeordnet, wie sie erstellt wurden. Um die...

weiterlesen
€ 9,90

Preise inkl. gesetzlicher
MwSt. + Versandkosten*