Tutorial: Produkt­katalog

Sie möchten Ihre Produkte auf einer Website präsentieren? Das ist möglich mit unserem Produkt­katalog. Wie das funktioniert und wie Sie Ihre Produkte gestalten können, erklären wir Ihnen in diesem Tutorial-Bereich.

Wenn Sie dazu Fragen haben, melden Sie sich bei uns. Wir helfen gerne.

Allgemeine Einstel­lungen beim Produkt­katalog

Attribute

Produkte erstellen

Produkt-Varianten

Bilder, die bei Produkt­varianten angelegt wurden, können als Medien­galerie beim Produkt ange­zeigt werden. Wir zeigen Ihnen im Tutorial, welche Varianten es gibt und wie Sie am besten dabei vorgehen.

Variante 1: Keine Varianten­bilder in der Medien­galerie
Damit Varianten­bilder nicht in der Mediengalerie im Online­shop bei den Produkten ange­zeigt werden, deaktivieren Sie unter Customizing Produkt­katalog Mediengalerie "Varianten­bilder zur Produkt­galerie hinzu­fügen" und "Auswahl aus Medien­galerie in Varianten­auswahl über­nehmen" und klicken auf Speichern.
Einstellungen unter Customizing
Bild bei Produkt­variante

Legen Sie bei den Produkt­varianten Bilder an. Bei jeder Variante dieses Produktes, bei der ein Bild angelegt wurde, erscheint das Bild in der Medien­galerie bei diesem Produkt.

Die Medien­galerie wird automatisch aus den hinter­legten Bildern der Varianten erstellt. Legen Sie bei einer Produkt­variante zusätzlich eine Medien­galerie an, wird diese nach dem Varianten­bild ausge­geben und erst danach das Bild der nächsten Variante.

Legen Sie mehrere Varianten bei einem Produkt an, jedoch nicht bei jeder Variante ein Bild, dann bleibt die Medien­galerie im Online­shop bei Varianten ohne Bild einfach beim letzten ausge­wählten Bild stehen.
Beispiel: Wir haben das Produkt Kugel­schreiber mit drei Varianten grau, silber und rot erstellt.
Auf der Produkt­detail­seite ist nun ein großes Bild, das der aktuell ausge­wählten Variante "Kugel­schreiber silber", und darunter das Bild nochmal in klein. Wenn Sie beim Varianten­wähler eine andere Auswahl anklicken, wird das Varianten­bild der ausge­wählten Variante ange­zeigt.
nur Varianten­bild der ausge­wählten Variante bei Produkt im Onlineshop
Variante 2: Varianten­bilder in der Medien­galerie
Damit nun die Medien­galerie mit den Varianten­bildern im Online­shop bei den Produkten angezeigt wird, aktivieren Sie unter Customizing Produkt­katalog Medien­galerie "Varianten­bilder zur Produkt­galerie hinzu­fügen" und klicken auf Speichern.
Einstellungen unter Customizing
Anschließend erstellen Sie eine Sonder­form der Medien­galerie. Legen Sie unter Erweiterungen Mediengalerie eine Medien­galerie mit dem Titel "Mediengalerie leer" im CMS an.
Legen Sie keine Bilder bei dieser Medien­galerie an.
Leere Mediengalerie

Wenn Sie ein Produkt anlegen und die Varianten­bilder in der Medien­galerie ausgeben möchten, dann ergänzen Sie bei diesem Produkt die "Medien­galerie leer". Damit werden nur die Varianten­bilder zu einer Medien­galerie zusammen­gefügt.

Alternative:
Wählen Sie beim Produkt eine Medien­galerie mit Produkt­bildern (auch Produkt­galerie genannt), statt der Medien­galerie leer aus. Damit werden die Varianten­bilder in der Medien­galerie vor den Bildern der Produkt­galerie ange­zeigt.

Vergessen Sie nicht, die Änderung zu speichern.

Medien­galerie bei Produkt ergänzen
Bilder bei den Varianten legen Sie, wie bei Variante 1 beschrieben, an.
Bleiben wird beim Beispiel aus Variante 1.
Auf der Produkt­detailseite ist nun ein großes Bild, das der aktuell ausgewählten Variante "Kugelschreiber silber", und darunter drei kleine Bilder. Das aktive Bild ist hier verkleinert mit einem Rahmen in Akzentfarbe hervor­gehoben. Klicken Sie auf den roten Kugelschreiber, dann wird das große Bild ersetzt und das entsprechende kleine Bild hervor­gehoben.
Varianten in der Medien­galerie bei Produkt im Onlineshop
Variante 3: Klick auf Varianten­bilder passt Varianten­wähler an
Voraussetzung für diese Variante: "Variantenbilder zur Produktgalerie hinzufügen" ist aktiviert und der Variantenwähler ist auf der Produktdetailseite angelegt.
Damit per Klick auf ein Variantenbild in der Mediengalerie die richtige Variante im Varianten­wähler ausge­wählt wird, aktivieren Sie unter Customizing Produkt­katalog Mediengalerie "Varianten­bilder zur Produkt­galerie hinzufügen" und "Auswahl aus Mediengalerie in Variantenauswahl übernehmen".
Speichern Sie die Einstellungen.
Einstellungen unter Customizing
Bilder bei den Varianten und die Mediengalerie beim Produkt erstellen Sie, wie bei den Varianten 1 und 2 beschrieben.
Bleiben wir beim Beispiel aus den ersten beiden Varianten.
Auf der Produkt­detailseite verändert sich die Varianten im Varianten­wähler, wenn auf ein Bild in der Medien­galerie geklickt wird.
Klick auf Varianten­bild passt Varianten­wähler bei Produkt im Onlineshop an
Wenn bei einem Produkt eine Produktgalerie mit Bildern angelegt wurde, werden diese Bilder nach den Variantenbildern angezeigt. Klicken Sie auf ein Bild dieser Produktgalerie, verändern diese den Variantenwähler nicht! Nur die Variantenbilder bzw. die Variantengalerien verändern den Variantenwähler!
Bei Klick auf Bilder der Variantengalerie, bleibt der Variantenwähler immer bei dieser Variante stehen, bis ein Variantenbild oder eine Variantengalerie einer anderen Variante angeklickt wird.

Customizing

Funktionalitäten