Zenit Design - Themes
Theme kaufenThemesSupport
DE
DE
  • Erste Schritte
  • Start Guides
    • Atmos - Demo 1
    • Atmos - Demo 2
    • Atmos - Demo 3
    • Atmos - Demo 4
    • Gravity - Demo 1
    • Gravity - Demo 2
    • Horizon - Demo 1
    • Horizon - Demo 2
    • Sphere - Demo 1
    • Sphere - Demo 2
    • Stratus - Demo 1
    • Stratus - Demo 2
    • Stratus - Demo 3
    • Stratus - Demo 4
  • Tipps
    • Dashboard
    • Theme Konfiguration
    • Lexikon
    • Mehrere Verkaufskanäle
  • Vorlagen
  • Support
    • Error auslesen
    • Ursache finden
  • 🎨Styling
    • Allgemein
      • Grundlayout
      • Produktbilder
      • Produkt Layout-Typ
      • Globales Hintergrundbild
      • Preloader
      • Akzentlinie
      • Scroll Animation
    • Typografie & Farben
      • Theme-Farben
      • Status-Ausgaben
      • Schriftarten
      • Typografie
      • E-Commerce
      • Buttons
    • Logos
    • Header
      • Header
      • Suche
      • Top Bar
      • Shop Navigation
      • Main Navigation
      • Flyout Navigation
      • Dropdown Navigation
    • Footer
      • Footer
      • Inhalte
      • Spalten
      • Spalten Styling
      • Unterer Footer
    • Elemente
      • Sidebar
      • Sidebar Navigation
      • Formulare
      • Bild- & Galerie-Slider
      • Produkt Slider
      • Kategorie Listing Slider
      • Paginierung
      • Breadcrumbs
      • Cookie Banner
      • Offcanvas
      • Backdrop
      • Scroll-Up Button
    • Kategorie
      • Kategorie-Header
      • Hero Sektion
      • Filter
      • Listing Actions
      • Produkt-Boxen
      • Quickview
    • Produkt
      • Details
      • Galerie
      • Beschreibung
      • Beschreibung Navigation
      • Beschreibung Inhalt
    • Kasse
      • Warenkorb
      • Kasse
  • ⚙️Einstellungen
    • Grundeinstellungen
    • Zusatzfeld Zuweisung
      • Zusatzfelder für Details auf der Produktseite
      • Zusatzfelder für Produkt-Datenblätter
    • Social Media Icons
    • Marketing Text Slider
    • Custom Tab Detailseite
    • Custom Spalten (Footer)
    • Eigener Code
  • 📂Inhalte
    • Erlebniswelten
      • Sektionen
      • Blöcke
        • Elemente
          • Bild Text Slider
          • Suche Banner
          • Text Banner
          • Teaser
          • Features
          • Breadcrumbs
          • Code
          • Trenner
          • Kategorie-Navigation
          • Footer-Navigation
          • Platzhalter
        • Commerce
          • Galerie und Buybox mit Produktname & Hersteller-Logo
          • Galerie und Buybox mit Produktname & Hersteller-Logo & Beschreibung
          • Galerie und Buybox mit Beschreibung
          • Galerie mit Beschreibung und Buybox mit Produktname & Hersteller-Logo
        • Kategorie
          • Kategorie Listing
        • Spalten
        • Layouts
      • Block Innen-Abstände
      • Block Außen-Abstände
      • Animation
      • Erlebniswelt Beispiel
      • CSS-Variablen
    • Kategorieseite
      • Hero Sektion
      • Kategorie Header
      • CSS-Klassen
      • Kategorie Labels
      • Kategorie Icons
      • Produkte pro Zeile
    • Produktseite
      • Layouts
      • Standardlayout
      • Galerie Modus
      • Custom Tabs
      • Videos Tab
      • Datenblätter
    • Produktbilder
      • Bildgrößen
      • Bildformat
      • Dateiformat
      • Produktbilder Hintergrund
    • Layout-Typ
    • Responsive Tabellen
    • Mehrsprachigkeit
  • 🎓Tutorials
    • Demodaten importieren
    • Demo-Themekonfiguration importieren
    • Child-Theme duplizieren
    • Individuelle Anpassungen
    • Konfiguration export/import
    • Zusatzfelder export/import
    • Schriften lokal einbinden
    • Schriften lokal einbinden mit Child-Theme
  • 🛠️Update Guides
    • Child-Theme Update
    • Shopware 6.6.9.0
    • Shopware 6.6.0.0
    • Shopware 6.5.0.0
    • Shopware 6.4.8.0
    • Theme 3.5.3
    • Theme 2.11.0
  • ❓FAQ
    • Übersicht
    • Barrierefreiheit
      • Typografie
      • Farben
      • Bilder
      • Video
      • Checker-Tools und Ressourcen
    • Allgemein
      • Copyright-Hinweis
      • Merkzettel
    • Produkt Layout
    • Lizenzen
      • Testversion vs Vollversion
      • Lizenzdomain ändern
    • Ableitungen
      • Child-Theme
      • Theme-Duplikat
      • Child-Theme vs Theme-Duplikat
    • Updates
      • Theme wird als inkompatibel angezeigt
      • Update wird nicht angezeigt
    • Fehler
      • Child-Theme kann nicht zugewiesen werden
      • Textbausteine zeigen technischen Namen
      • Theme Speichern Fehler
      • SVG Logo wird nicht angezeigt
      • Suche / Input mobile Zoom
      • Text ist nicht sichtbar / lesbar
Powered by GitBook
On this page
  • Farben
  • Grundeinstellungen
  • Produkttitel
  • Produktpreis
  • Produkt Konfigurator
  • Produkt Details
  • Produkt Features

Was this helpful?

  1. Styling
  2. Produkt

Details

Last updated 5 months ago

Was this helpful?

Farben

-

Grundeinstellungen

Diese Einstellungen wirken sich auch auf die Darstellung der Quickview Funktion aus.

Produktname Position (1): Legt die Position für den Produkt-Titel fest.

In Erlebniswelten-Layouts wird die Position des Produktnamen durch den Produktnamen Block bzw. den verschiedenen Galerie und Buybox Blöcken mit Produktnamen gesteuert.

Kurzbeschreibung (2): Das Theme unterstützt die Anzeige einer zusätzlichen Kurzbeschreibung, welche aus der Metabeschreibung des Produktes gezogen wird.

Varianten Merkmale (3): Die wesentlichen Merkmale einer Variante können unterhalb des Produkttitels angezeigt oder ausgeblendet werden.

Bewertung Position (4): Bewertungen können im Titelbereich oder unterhalb des Preises dargestellt werden.

Bewertung Platzhalter (5): Zeigt inaktive Sterne als Platzhalter an, sollte das Produkt noch keine Bewertungen haben.

Merkzettel Position (6): Positioniere den zum Merkzettel Hinzufügen Link über der Galerie oder unter den Warenkorb-Button.

Hersteller Position (7): Der Herstellername bzw. das Hersteller-Logo kann an verschiedenen Stellen dargestellt werden. Du kannst die Darstellung auch unterbinden.

Bestellmengenfeld (8): Die Mengenauswahl/-eingabe kann nach Bedarf ausgeblendet werden. Der Nutzer kann vorerst nur eine Abgabemenge in den Warenkorb legen. Im Checkout und Warenkorb kann die Menge weiterhin angepasst werden.

Im Listing wird die Mengenauswahl/-eingabe unter Kategorie > Produkt-Boxen > Produktaktionen ein- oder ausgeschaltet werden.

Im Quickview wird die Einstellung der Detailseite übernommen.

Lieferstatus Indikator Aussehen (9): Verändert das Aussehen des Lieferstatus.

Beispiel:

Die Abstandseinstellungen (10, 11, 12, 13) sind analog zu den Layout Abständen der Erlebniswelten Elemente. Hierdurch können wie bei einem Galerie und Buybox Element die Abstände eingestellt werden. Wird der Wert auf auto gesetzt, wird der globale Container Abstand aus Allgemein > Grundeinstellungen > Container-Abstände verwendet.

In Erlebniswelten-Layouts wird diese Einstellung von den Einstellungen im Galerie und Buybox CMS-Element überschrieben.

Sticky (14): Wenn aktiv, wird die Buybox beim Scrollen fixiert, solange die Inhalte nicht höher sind als der Viewport.

Wenn die Option Sticky auch für die benachbarte Galerie aktiviert ist, wird immer das Element mit der geringeren Höhe sticky.

Sticky erzwingen (15): Die Sticky-Funktion funktioniert nur, wenn alle Eltern-Elemente nicht die CSS Eigenschaft "overflow:hidden" verwenden. Es gibt Erweiterungen, welche diese Eigenschaft setzen. Wenn aktiv, wird die Sticky-Funktion erzwungen und alle Eltern-Elemente mit "overflow: hidden", werden auf "overflow: visible" umgeschrieben.

Produkttitel

-

Produktpreis

-

Produkt Konfigurator

Die Farben des Produkt Konfigurators (Variantenauswahl) kann über die Einstellungen angepasst werden. Darüber hinaus lassen sich Nicht kombinierbare Eigenschaften durchstreichen (1), gestrichelt (2) darstellen und in ihrer Deckkraft (3) reduziert anzeigen. Tooltips (4) zeigen bei z.B. Farbauswahlen den hinterlegten Namen der Farbe an.

Tipp: Die Reduzierung der Deckkraft verfälscht die Farben einer Farbauswahl, sodass es sinnvoll sein kann die Optionen zum Durchstreichen und/oder gestrichelter Darstellung zu verwenden.

Beispiel:

Produkt Details

Beispiel:

Produkt Features

Über die Produkt-Features lassen sich beliebig viele Vorteile eines Produktes auf der Detailseite darstellen. Neben dem globalen Aktivieren (1) stehen zwei verschieden Anzeigemodi (2) sowie die Auswahl eines Icons (4) bereit. Über die Position (3) kannst Du bestimmen, wo diese Features dargestellt werden. Die Überschrift (5) ist optional und kann ausgebendet werden.

Die Inhalte werden direkt im Produkt im Bereich der Zusatzfelder im Tab Zusatzinhalte (1) hinterlegt. Im Feld Produkt Features (2) können beliebig viele Vorteile eingefügt und durch ein Semikolon getrennt werden.

Beispiel:

🎨
Lieferstatus als Badge
Reuzierung der Deckkraft verändert Blauton