Produktkatalog Objekt

Schritt 3 - Erstellen der Seiten >

Produktkatalog Objekt

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Eine der interessantesten Funktionen von WebSite X5 ist die Möglichkeit, einen Online-Shop für E-Commerce. einzurichten, in dem Sie sich nicht nur ein potenziell weltweit sichtbares Schaufenster für Ihre Produkte schaffen, sondern diese auch direkt online zum Kauf anbieten können.

Neben dem Einstellen der Produkte und deren Verwaltung können Sie mit WebSite X5 mit dem eigens hierfür bestimmten Objekt "Produktliste" einen authentischen Produktkatalog zusammenstellen. Mit diesem Objekt können Sie eine Gruppe von Produkten aus dem Gesamtkatalog präsentieren. Hierzu stellen Sie die einzelnen Produktdatenblätter zusammen, in denen die Hauptinformationen für den jeweiligen Artikel zusammengefasst sind und die den Online-Kauf ermöglichen.

Die Optionen um eine Produktliste einzurichten sind in zwei Bereiche gegliedert: Liste und Einstellungen.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Optionen im Bereich Liste

In diesen Bereich kann festgelegt werden, welche Produkte im Objekt Produktliste angezeigt werden sollen.

In der linken Spalte der Anzeige finden Sie die Kategorien- und Produktliste die in Schritt 4 - Erweiterte Einstellungen bei der Erstellung des E-Commerce eingefügt wurden.

Neben jedem Produkt und jeder Kategorie befindet sich ein Kontrollkästchen. Aktivieren Sie die Kontrollkästchen der Kategorien und/oder Produkte, die in das Objekt Produktliste aufgenommen werden sollen.. Alle ausgewählten Produkte werden automatisch in der rechten Spalte des Fensters angezeigt.

Zwischen der Aktivierung einer Kategorie und der Aktivierung aller enthaltenen Produkte besteht ein Unterschied: Nur wenn Sie eine ganze Kategorie auswählen, werden später dieser Kategorie hinzugefügte Produkte automatisch auch in die Produktliste aufgenommen.

Die in die rechte Spalte des Fensters eingefügten Produkte können mit Klick auf die Schaltfläche Sortierung nach Benutzerdefiniert, Name, Kategorie, Preis, Aufsteigend oder Absteigend sortiert werden.

Bei Auswahl der Benutzerdefiniert Sortierung können Sie mit den Schaltflächen Nach oben / Nach unten: die Reihenfolge der Produkte manuell festlegen.

Klicken Sie um zu erweitern/minimierenAnleitung: Die Optionen im Bereich Einstellungen

Mit den Funktionen in diesen Bereich können Sie einige grafische Einstellungen für die Produktdatenblätter vornehmen, mit denen die Produkte in die Liste aufgenommen werden.

Allem voran müssen Sie den Anzeigemodus festlegen. Hier haben Sie die Wahl zwischen folgenden Optionen:

Nur Text

Das Produktdatenblatt enthält nacheinander folgende Informationen: Produktname, eine Beschreibung, eine Liste der verfügbaren Varianten (sofern verfügbar), den Preis und daneben ein Eingabefeld für die Menge sowie den Button "Kaufen".

Text und Bild

Das Produktdatenblatt enthält links das Bild des Produkts und rechts alle zugehörigen Informationen.

Text und Bild

Dieser Anzeigemodus entspricht dem vorhergehenden, mit dem Unterschied, dass der Text hier links und das Bild rechts angeordnet ist

Nur Bild

Bei dieser Option werden unter dem Bild die Produktinformationen mit Ausnahme der Beschreibung angezeigt.

Bild und Text abwechseln

In diesem Anzeigemodus werden Produktdatenblätter mit Bild und Text rechts sowie solche mit Bild und Text links abwechselnd angezeigt.

Unabhängig von dem gewählten Typ wird automatisch für die Überschrift und möglicherweise auch für das Bild, die in den Produktinformationen enthalten sind, ein Link eingerichtet, durch die Option Link (z.B. Produktseite) des Fensters Produkteinstellungen | Allgemein.

Im Bereich Frame-Einstellungen können Sie festlegen:

Anzahl Felder pro Zeile: Definieren Sie hier, wie viele Produktdatenblätter in einer Zeile angezeigt werden sollen.
Feldhöhe: Hier können Sie die gewünschte Höhe der einzelnen Produktdatenblätter in Pixeln festlegen. Die den Produkten zugeordneten Bilder werden dieser Einstellung automatisch angepasst. Wenn die Produktbeschreibungen zu lang sind, um vollständig angezeigt zu werden, erscheint eine Bildlaufleiste.
Bildbreite (%): Wenn Sie einen Anzeigemodus gewählt haben, bei dem Text und Bild nebeneinander positioniert sind, können Sie hier festlegen, wie viel Raum des Datenblatts jeweils vom Bild und vom Text ausgefüllt sein soll. Dies bedeutet beispielsweise, wenn das Bild 30% der Breite des Produktdatenblattes einnimmt, stehen für den Text die übrigen 70% zur Verfügung.
Innenabstand: Dies ist der Abstand zwischen dem Rand des Produktdatenblatts und seinem Inhalt. Sie legen hier also fest, wie viel Freiraum horizontal und/oder vertikal um den Inhalt innerhalb des Produktdatenblatts bestehen soll.

Im Bereich Grafik können Sie festlegen:

Textfarbe/Hintergrundfarbe: Definiert die Textfarbe und die Hintergrundfarbe des Textes auf den Produktseiten.
Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes.

Im Bereich Optionen können Sie festlegen:

Breite: Definiert die Breite der Ränder, auch einzeln.
Farbe: Definiert die Farbe der Ränder, auch einzeln.
Abgerundete Ecken: Definiert die Rundung der Ecken, auch einzeln.
Schatten: Fügt einen Schatten ein, dessen Farbe, Position, Streuung und Breite definiert werden können.

Durch Funktionen im Feld Befehle kann definiert werden:

Link über Bild aktivieren: Bei Aktivierung dieser Option wird allen Bildern der Produktdatenblätter automatisch ein Link zu den vergrößerten Bildern zugeordnet. Diese vergrößerten Darstellungen werden in einer ShowBox angezeigt.

Das Aussehen der ShowBox kann komplett individuell gestaltet werden: Mit den Optionen in ShowBox-Stil in Schritt 1 - Template-Stil können Sie beispielsweise Farben, Schatten, die Deckkraft und Einblendeffekte festlegen.

Das Produkt ohne Anzeige in den Warenkorb legen: können Sie festlegen, dass durch Klicken auf die Schaltfläche "Kaufen", der Kunde das Produkt direkt auf die Bestellliste setzen kann, ohne dass er automatisch zum Warenkorb weitergeleitet wird.

Im Bereich Optionen können Sie festlegen:

Preis anzeigen: Zeigt auf den Produktseiten den Preis des Produkts mit oder ohne MwSt. an.
Die Schaltfläche „Kaufen“  zeigen: wird in den Produktinformationen die Schaltfläche angezeigt, auf die geklickt werden muss, um das Produkt zu erwerben. falls die Schaltfläche kaufen nicht angezeigt wird, erscheint auch das Feld für die Menge nicht.
Feld für Menge anzeigen: Bei Aktivierung dieser Option wird im Produktdatenblatt ein Feld für die Mengenangabe angezeigt, in dem der Benutzer wählen kann, wie viele Einheiten des Produkts er in den Warenkorb legen möchte.

Schließlich ist es möglich, Schleifen anzuwenden, indem definiert wird:

Schleifen-Typ: definiert die Einstellungen für die Kokarde, die in den Produktinformationen angezeigt werden soll, fallsNeues ProduktoderErmäßigtes Produkt.
Bilddatei: definiert das Bild, das als Kokarde verwendet werden soll. Sie können auf den Pfeil in diesem Feld klicken, um ein Bild aus ihrer Bibliothek auszuwählen oder aber auf die Schaltfläche klicken, um eine Grafik-Datei (.JPG, .GIF, .PNG.) mit dem zu verwendenden Bild auszuwählen.
Ausrichtung: gibt an, wie die Kokarde innerhalb der Produktinformationen ausgerichtet werden soll.
Breite (%): gibt die Breite der Kokarde als Prozentsatz im Verhältnis zur Größe der Produktinformationen an.

Das Objekt Produktliste funktioniert nur dann, wenn zuvor im Bereich E-Commerce in Schritt 4 - Erweiterte Einstellungen Artikel eingefügt wurden.