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

Was this helpful?

  1. Styling
  2. Produkt

Beschreibung

Last updated 5 months ago

Was this helpful?

Farben

Setze fĂĽr den gesamten Bereich der Tabs und Crossselling-Tabs eine Hintergrundfarbe.

Beispiel:

Grundeinstellungen

Mit Position (1) bestimmst Du die Platzierung der Produktbeschreibung und weiteren Tabs. Im Standard zeigt Shopware diese Informationen unter den Elementen der Galerie sowie der Buybox an. Mit der Option Buybox kannst Du diese Informationen auch rechts neben der Galerie in der Buybox platzieren.

Aussehen (mobil) (2):

  • Offcanvas: Im Standard werden die Inhalte auf mobilen Geräten in einem sogenannten Offcanvas Element angezeigt. Die Inhalte der Tabs werden nur in einer Vorschau angezeigt. Bei längeren Produktbeschreibungen eignet sich die Darstellung als Offcanvas (Standard) besser, da der Nutzer die darunter liegenden Inhalte (z.B. Crossselling) besser erreichen kann und den Ăśberblick behält.

  • Scroller: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option Scroller . Die Tab-Navigation funktioniert dann als Anker-Navigation und scrollt beim Klick zum jeweiligen Inhalt.

  • Linear: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option Linear. Die Tab-Navigation wird im Unterschied zum Scroller Modus ausgeblendet.

  • Akkordeon: Stellt die verschiedenen Inhalte in einem aufklappbaren Akkordeon dar.

Aussehen (3):

  • Tabs: Die Standard-Darstellung von Shopware. Bei längeren Produktbeschreibungen eignet sich die Darstellung als Tabs (Standard) besser, da der Nutzer die darunter liegenden Inhalte (z.B. Crossselling) besser erreichen kann und den Ăśberblick behält.

  • Scroller: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option Scroller . Die Tab-Navigation funktioniert dann als Anker-Navigation und scrollt beim Klick zum jeweiligen Inhalt.

  • Linear: Möchtest Du den Inhalt durch Scrollen erreichbar halten, wähle die Option Linear. Die Navigation wird im Unterschied zum Scroller Modus ausgeblendet.

  • Akkordeon: Stellt die verschiedenen Inhalte in einem aufklappbaren Akkordeon dar.

Beispiel:

🎨
Grauer Hintergrund des Tabs-Bereiches
Position: Buybox; Aussehen: Akkordeon