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.
Ein Produktdatenblatt enthält die folgenden Elemente, die alle unter E-Commerce | Fenster Produkteinstellungen eingestellt werden:
| • | Details: Kategorie, Produktvarianten, Verfügbarkeit, Preis, Anzeige der Mehrwertsteuer, Feld Menge; |
| • | Button: mit aktivem Link zum Hinzufügen des Produkts zum Warenkorb. |
Wenn die Elemente wie Cover oder Produktvarianten nicht angegeben sind, werden diese im Datenblatt nicht angezeigt.
Bezüglich der Produktverfügbarkeit wird in der Edition Professional im Produktdatenblatt nicht nur das Symbol Geschätzte Verfügbarkeit, sondern sondern auch die Effektive Verfügbarkeit angezeigt.
Zuerst müssen im Bereich Box-Einstellungen die Zusammensetzung und das Layout festgelegt werden. Hier stehen folgende Optionen zur Verfügung:
|
Cover links, Überschrift und Inhalte rechts
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".
|
|
Überschrift und Inhalte links, Cover rechts
Das Produktdatenblatt enthält links das Bild des Produkts und rechts alle zugehörigen Informationen.
|
|
Cover oben, Überschrift und Inhalte unten
Dieser Anzeigemodus entspricht dem vorhergehenden, mit dem Unterschied, dass der Text hier links und das Bild rechts angeordnet ist.
|
|
Überschrift und Inhalte oben, Cover unten
Bei dieser Option werden unter dem Bild die Produktinformationen mit Ausnahme der Beschreibung angezeigt.
|
|
Unabhängig von dem gewählten Typ wird automatisch für den Namen 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 .
|
Nach der Einstellung des Anzeigetyps können folgende Optionen gewählt werden:
| ▪ | Boxen pro Zeile: Definieren Sie hier, wie viele Produktdatenblätter in einer Zeile angezeigt werden sollen. |
| ▪ | Höhe der Boxen: 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. |
| ▪ | Größe des Covers (%): Breite des Coverbilds im Verhältnis zu den Inhalten, wenn es rechts oder links positioniert wird, bzw. im Verhältnis zur Boxhöhe, wenn es oben, über oder unter dem Produktnamen angezeigt wird. |
| ▪ | Rand Box / Rand Inhalte: Abstand zwischen dem Coverbild oder dem Inhalt (Name und Beschreibung) und den Rändern der Box in Pixeln. |
Nach der Einstellung dieser Parameter können die grafischen Eigenschaften der Elemente festgelegt werden, aus denen sich die Produkdatenblätter zusammensetzen. Nach Auswahl des zu bearbeitenden Elements stehen folgende Optionen zur Verfügung:
| ▪ | Sichtbar: Auswahl, ob das Element angezeigt werden soll oder nicht. Diese Option ist verfügbar für die Elemente Hintergrund und Cover. Nach Auswahl des Elements Details kann festgelegt werden, ob Informationen wie Kategorie, Verfügbarkeit oder Preis angezeigt werden sollen. |
| ▪ | Schriftart: Font, Größe und Stil des Textes für die Elemente Vorname des Produkts, Beschreibung, Details und Button. Das Dropdown-Menü enthält den Befehl für die Anwendung des Standardschriftart (definiert durch den Stil des Elements Seitentext im Fenster Textstil); Liste der Safe Fonts, also der Fonts, die auf allen Geräten verfügbar sind und daher nicht veröffentlicht werden müssen, sowie der integrierten Google-Fonts und Web-Fonts, die im Fenster Web-Fonts hinzufügen mit dem Befehl Andere Schriftarten hinzugefügt wurden. |
| ▪ | Textfarbe: Textfarbe für die Elemente Vorname des Produkts, Beschreibung, Details und Button. Im Element Details wird die gewählte Textfarbe auch für die Linie unter der Beschreibung verwendet. |
| ▪ | Hintergrundfarbe: definiert die Farbe für den Hintergrund des Datenblatts und den Button. |
| ▪ | Breite: Randstärke für den Hintergrund des Datenblatts und den Button. |
| ▪ | Farbe: Randfarbe für den Hintergrund des Datenblatts und den Button. |
| ▪ | Abgerundete Ecken: Abrundung der Ecken für den Hintergrund des Datenblatts und den Button. |
| ▪ | Schatten: Schatten für den Hintergrund des Datenblatts, mit Farbe, Position, Diffusion und Breite. |
| ▪ | Größe anpassen: Sofern aktiviert, füllt das Coverbild den gesamten Raum des Datenblatts aus, sowohl in der Breite als auch in der Höhe. Sollten die Proportionen nicht übereinstimmen, wird das Bild zugeschnitten und zentriert. Ist die Option nicht aktiviert, wird das Coverbild an die Breite oder Höhe des verfügbaren Platzes angepasst. |
| ▪ | Kategorie anzeigen: Anzeige der Kategorie, der unter E-Commerce | Produkte das Produkt zugewiesen wurde. |
| ▪ | Feld für Menge anzeigen: Anzeige eines Felds für die Mengenangabe, in dem der Benutzer wählen kann, wie viele Einheiten des Produkts er in den Warenkorb legen möchte. |
| ▪ |  Effektive Verfügbarkeit anzeigen: zeigt in den Produktinformationen nicht nur das Symbol für dieGeschätzte Verfügbarkeit an, sondern auch die Zahl, die die Effektive Verfügbarkeit angibt. |
|
Wird die Option Effektive Verfügbarkeit anzeigen aktiviert und ist gegenwärtig mindestens ein Produkt vorhanden, für das eine Anzeige dieser Art vorgesehen ist, für die Seite, die Produktkatalog Objekt angibt, muss die Endung .PHP eingerichtet werden: Dies kann über die Option Dateinamenformat im Fenster Eigenschaften der Seite | Erweitert geschehen.
|
| ▪ | Preis anzeigen: Zeigt auf den Produktseiten den Preis des Produkts mit oder ohne MwSt. an. |
| ▪ | Ränder: Freiraum zwischen Schrift und Rand im Button. |
Nur in der Edition Professional, ist es möglich, auf die Produktdatenblätter Schleifen anzuwenden, indem folgendes definiert wird:
| ▪ | Schleifen-Typ: definiert die Einstellungen für die Kokarde, die in den Produktinformationen angezeigt werden soll, falls Neues Produkt oder Ermäß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 in der Produktinformationen ausgerichtet werden soll. |
| ▪ | Breite (%): gibt die Breite der Kokarde als Prozentsatz im Verhältnis zur Größe der Produktinformationen an. |
Durch Funktionen im Feld Optionen kann definiert werden:
| ▪ | 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. |
| ▪ | 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. Dieser Link wird durch jenen ersetzt, der eventuell mit der entsprechenden Option im Fenster Produkteinstellungen eingestellt wurde. |
|
Das Aussehen der ShowBox kann komplett individuell gestaltet werden: Mit den Optionen in Schritt 2 unter Pop-up-Fenster Showbox können Sie beispielsweise Farben, Schatten, die Deckkraft und Einblendeffekte festlegen.
|
