Alle Seiten
Bereitgestellt von GitBook
1 von 3

Loading...

Loading...

Loading...

Produktseite

Info: Dieser Artikel ist in Arbeit...

Die ThemeWare® CMS-Elemente für Produktseiten.

...

Verfügbare Produkt-Elemente

  • Galerie (Grid)

  • Produktbeschreibung und -bewertungen (Accordion)


Produkt-Element hinzufügen

Produkt-Elemente können über einen entsprechenden CMS-Block oder das Austauschen von CMS-Elementen in bestehenden Blöcken hinzugefügt werden.

Mehr Informationen zu den CMS-Blöcken findest du in der folgenden Anleitung: Produktseite

Hinweis: Produkt-Blöcke findest du in der Rubrik "ThemeWare® Produktseite" [Pro]

Galerie (Grid)

Hinweis: Dieses Element sowie dieser Artikel sind in Arbeit.

Das ThemeWare® "Galerie (Grid)" ist eine Variante der "Galerie" von Shopware. In diesem Element werden die Produktbilder in einem Grid oder untereinander (als Scroller) darstellt.

ThemeWare® CMS-Erweiterung "Galerie (Grid)"

Hinweis: Dieses CMS-Element hat keinen individuellen CMS-Block. Tausche einfach ein "Galerie" Element in einem bestehenden CMS-Block aus.

Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .

Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.


Element hinzufügen (ersetzen des „Galerie“-Elements)

Du kannst das ThemeWare® "Galerie (Grid)" verwenden, indem du eine vorhandene "Galerie" ersetzt:

  1. Fahre mit der Maus über den CMS-Block (1)

  2. Klicke auf auf das "Austauschen"-Icon (2)

  3. Es öffnet sich das Pop-up "Element austauschen"

  4. Wähle hier das gewünschte CMS-Element aus (3)


Das ThemeWare® "Galerie (Grid)" kannst du wie folgt konfigurieren:

  1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren

  2. Fahre mit der Maus über das entsprechende CMS-Element

  3. Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren

Du hast das CMS-Element nun konfiguriert.


Die Konfiguration vom "Galerie (Grid)" ist recht selbsterklärend. Die Galerie-Bilder sind ein Pflichtfeld. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du die Bilder und die Darstellung der Galerie.

Galerie

Im Abschnitt "Galerie" wählst du die Bilder aus, die in der Galerie angezeigt werden sollen. Dies ist ein Pflichtfeld. Zudem kannst du den Anzeigemodus, die Minimale Höhe (Standard: 430px, für den mobilen Galerie-Slider), die Minimale Höhe (>=992px) (für das Grid ab Desktop) und die Vertikale Ausrichtung konfigurieren.

Im Tab "Layout" konfigurierst du das Grid-Layout und die Galerie-Navigation.

Allgemein

Im Abschnitt "Allgemein" kannst du den Layout-Typ auswählen. Es stehen drei Layouts zur Verfügung: "Bilder untereinander", "Bilder untereinander (1x 100%, rest 50%)" und "Bilder untereinander (alle 50%)".

Galerie-Slider

Im Abschnitt "Galerie-Slider" kannst du die Pfeil-Navigation, die Punkt-Navigation und die Vorschau-Navigation des mobilen Galerie-Sliders konfigurieren.

Galerie-Grid (>=992px)

Im Abschnitt "Galerie-Grid" kannst du die Vorschau-Navigation des Galerie-Grids (ab Desktop) ein- oder ausblenden. Zudem kannst du die Vollbild-Galerie aktivieren.


Es öffnet sich das Pop-up "Element-Einstellungen"
  • Nehme die gewünschten Änderungen vor

  • Speichere deine Änderungen

  • Feedback
    ThemeWare® "Galerie (Grid)" konfigurieren
    ThemeWare® CMS-Erweiterung "Galerie (Grid)"
    ThemeWare® CMS-Erweiterung "Galerie (Grid)" (als Galerie-Scroller)

    Element konfigurieren

    Konfiguration

    Allgemein

    Layout

    Beispiele

    Produktbeschreibung und -bewertungen (Accordion)

    Das ThemeWare® "Produktbeschreibung und -bewertungen (Accordion)" ist eine Variante des Shopware-Elementes "Produktbeschreibung und -bewertungen". Die Inhalte werden als Akkordeon oder als Liste dargestellt. Zudem kannst du einzelne Abschnitte ein- oder ausblenden.

    Produktbeschreibung und -bewertungen (Accordion)

    Beta: Diese Funktion befindet sich in der Beta-Phase und kann sich mit einem kommenden Release noch ändern. – Wir freuen uns über dein .

    Wichtig: Dieses Element ist nur in der ThemeWare® Pro Edition verfügbar.


    Element konfigurieren

    Das ThemeWare® "Produktbeschreibung und -bewertungen (Accordion)" kannst du wie folgt konfigurieren:

    1. Klicke auf den entsprechenden CMS-Block (1) um den Bearbeitungsmodus zu aktivieren

    2. Fahre mit der Maus über das entsprechende CMS-Element

    3. Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren

    4. Es öffnet sich das Pop-up "Element-Einstellungen"

    5. Nehme die gewünschten Änderungen vor

    6. Speichere deine Änderungen

    Du hast das CMS-Element nun konfiguriert.


    Die Konfiguration vom "Produktbeschreibung und -bewertungen (Accordion)" ist recht selbsterklärend. Im Grunde musst du nur die gewünschten Abschnitte ein- oder ausblenden.

    Im Tab "Allgemein" konfigurierst du die sichtbaren Abschnitte des Elementes.

    Content (Inhalt)

    Im Abschnitt "Content" kannst du festlegen, welche Abschnitte im Element angezeigt werden sollen:

    • Abschnitt 'Beschreibung' anzeigen -- Zeigt die Produktbeschreibung an (Standard: anzeigen).

    • Abschnitt 'Eigenschaften' anzeigen -- Zeigt die Eigenschaften-Tabelle als eigenen Abschnitt an (Standard: nicht anzeigen). Voraussetzung: Die Eigenschaften-Tabelle wird in der Theme-Konfiguration als eigener Tab geführt – andernfalls erscheint sie theme-gesteuert in der Beschreibung.

    Im Tab "Layout" kannst du das Darstellungs-Layout des Elementes konfigurieren.

    Allgemein

    Im Abschnitt "Allgemein" wählst du die Darstellungsart: "Akkordeon" (Standard) oder "Liste". Für die Darstellungsart "Akkordeon" stehen zusätzliche Einstellungen zur Verfügung:

    • Akkordeon-Stil -- Wähle den Stil der Akkordeon-Überschriften: "Clean" (Standard) oder "Buttons".

    • Abschnitte offen lassen -- Bereits geöffnete Abschnitte bleiben offen, wenn ein weiterer Abschnitt geöffnet wird (Standard: aus).

    Beschreibung

    • Überschrift anzeigen -- Zeigt die Überschrift des Beschreibungs-Abschnitts an (Standard: anzeigen).

    • HTML-Tag -- Legt die semantische Überschriften-Ebene des Beschreibungstitels fest: Absatz (P-Tag) oder h1 bis h6 (Standard: h2). Die optische Darstellung bleibt unverändert.

    Produkt-Symbole

    • Überschrift anzeigen -- Zeigt die Überschrift des Symbole-Abschnitts an (Standard: anzeigen).

    Benutzerdefinierter-Inhalt

    • Überschrift anzeigen -- Zeigt die Überschrift des Abschnitts an (Standard: anzeigen).

    Hersteller

    • Überschrift anzeigen -- Zeigt die Überschrift des Hersteller-Abschnitts an (Standard: anzeigen).

    Produktsicherheit (GPSR)

    • Überschrift anzeigen -- Zeigt die Überschrift des GPSR-Abschnitts an (Standard: anzeigen).


    • Aria-Label

      • twt.cms.productDescriptionReviews.ariaLabel

    Abschnitt 'Symbole' anzeigen -- Zeigt die "Produkt-Symbole" als eigenen Abschnitt an (Standard: nicht anzeigen).

  • Abschnitt 'Videos' anzeigen -- Zeigt die Produkt-Videos an (derzeit deaktiviert).

  • Abschnitt 'Datenblätter' anzeigen -- Zeigt die Datenblätter an (derzeit deaktiviert).

  • Abschnitt 'Benutzerdefinierter-Inhalt' anzeigen -- Zeigt den benutzerdefinierten Tab-Inhalt an (Standard: nicht anzeigen).

  • Abschnitt 'Hersteller' anzeigen -- Zeigt die Hersteller-Informationen an – die gleichen Inhalte wie im Hersteller-Tab (Standard: nicht anzeigen).

  • Abschnitt 'Produktsicherheit (GPSR)' anzeigen -- Zeigt die GPSR-Angaben (Herstellerinformationen und verantwortliche Person) an (Standard: nicht anzeigen).

  • Abschnitt 'Bewertungen' anzeigen -- Zeigt die Produktbewertungen an (Standard: anzeigen).

  • Auf Mobilgeräten als Liste -- Auf Mobilgeräten werden alle Abschnitte offen als Liste dargestellt (Standard: aus).

    Feedback

    Konfiguration

    Allgemein

    Tipp: Wo Inhalte wie Eigenschaften, Videos, Datenblätter, Hersteller- und GPSR-Angaben positioniert werden – als eigener Tab/Abschnitt oder in der Beschreibung – und viele weitere Einstellungen legst du in der Theme-Konfiguration fest.

    Layout

    Zusammenfassung

    Textbausteine