Wie kann ich ein Produkt-Bild hinzufügen?

Du kannst für jedes Produkt ein individuelles Produkt-Bild setzen. Dieses wird im Frontend sowohl auf der Produktseite selbst als auch im Warenkorb ausgegeben. 

Login Spreadmind Plattform

Um ein Produkt-Bild hinzuzufügen, loggst du dich zunächst im Backend deiner Spreadmind Plattform ein. Wie das geht, erfährst du in dieser Anleitung.

Nachdem du dich eingeloggt hast, gelangst du über die Rubrik "Produkte” > “Produkte” zu einer Übersicht der bereits erstellten Produkte. Dort wählst du das gewünschte Produkt in der Liste aus, das du bearbeiten möchtest und fährst mit dem Cursor über die entsprechende Zeile. Daraufhin wird das Bearbeitungsmenü angezeigt, in welchem du auf den Menüpunkt "Bearbeiten" klickst. 

1. Optionen-Box “Produkt Bild”

Im Bearbeitungsmodus des Produktes gehst du zu der Optionen-Box “Produkt Bild” und klickst auf das Feld "Setze Produkt Bild":

Solltest du diese nicht sehen können, kannst du rechts oben über den Tab “Ansicht anpassen” sicherstellen, dass der Haken bei “Produkt Bild” gesetzt ist.

2. Produkt-Bild hinzufügen

Nachdem du auf das Feld "Setze Produkt Bild" geklickt hat, öffnet sich ein Pop-Up-Fenster, über das du die Möglichkeit hast, entweder Dateien von deinem Computer hochzuladen oder ein bestehendes Bild aus der Mediathek als Produkt-Bild auszuwählen. Um eine Datei hochzuladen, kannst du diese entweder per Drag & Drop (Datei anklicken, halten und ziehen) direkt in das geöffnete Fenster ziehen, woraufhin die Bilddatei automatisch in die Mediathek hochgeladen wird. Alternativ kannst du auf den grauen Button in der Mitte "Dateien auswählen" klicken.

Daraufhin öffnet sich der Dateiexplorer deines Systems und du kannst über die Ordnerstruktur das gewünschte Bild auswählen. 

Anschließend befindest du dich automatisch in der Ansicht der Mediathek und siehst das neu hochgeladene Bild neben den weiteren Dateien, die bereits hochgeladen wurden. Nun kannst du dieses per Klick auf den orangen Button "Setze Produkt Bild" hochladen und mit dem Produkt verknüpfen. 

Wenn du kein neues Bild hochladen, sondern ein bestehendes Bild aus der Mediathek mit dem Produkt verknüpfen möchtest, wählst du oben links im Fenster die Registerkarte "Mediathek" aus. Nun werden dir alle Bilder angezeigt, die bereits in der Mediathek vorhanden sind bzw. du in die Mediathek hochgeladen hast. Nachdem du ein passendes Bild für deinen Beitrag ausgewählt hast, kannst du dieses wiederum per Klick auf den orangen Button unten rechts "Beitragsbild festlegen" mit dem Beitrag verknüpfen. Anschließend wird dieses Bild in der Optionen-Box "Produkt Bild" innerhalb des Produkts angezeigt. 

Seite speichern/aktualisieren

Zum Schluss speicherst du die Änderungen an der Seite über die Optionen-Box "Veröffentlichen", indem du auf den orangen Button  Aktualisieren klickst:

3. Ausgabe des Produkt-Bilds auf der Produktseite

Durch die Aktualisierung sind deine Änderungen nun auch im Frontend deiner Spreadmind Plattform auf der Seite des Produkts sichtbar. Diese kannst du nun aufrufen, indem du im Bearbeitungsmodus auf den Permalink oder im oberen Menü auf "Produkt ansehen" klickst.

Auf der Produktseite im Frontend sieht die Ansicht des Produkts nun beispielsweise wie folgt aus:

4. Ausgabe des Produkt-Bilds auf der Kasse-Seite

Im Warenkorb auf der Kasse-Seite wird das Produkt Bild ebenfalls automatisch angezeigt: