LogoLogo
SucheService PortalWissensdatenbankSonstigesEnglishSupport anfordern
  • Willkommen
  • Elemente in der Storefront
    • Header
    • Footer
    • Kategorieseiten
    • Produktseiten
  • Zusatzfunktionen
    • CMS-Erweiterungen
      • CMS-Blöcke
        • Hero-Slider
          • Hero-Slider (2x)
          • Hero-Slider (3x)
          • Hero-Slider (4x)
        • Teaser
        • Banner
        • Spalten
          • Eine Spalte
          • Zwei Spalten
          • Zwei Spalten (auf Handys getauscht)
          • Zwei Spalten, 3-9
          • Zwei Spalten, 4-8
          • Zwei Spalten, 5-7
          • Zwei Spalten, 7-5
          • Zwei Spalten, 8-4
          • Zwei Spalten, 9-3
          • Drei Spalten
          • Drei Spalten, 2-2-8
          • Drei Spalten, 2-8-2
          • Drei Spalten, 3-3-6
          • Drei Spalten, 3-6-3
          • Drei Spalten, 6-3-3
          • Drei Spalten, 8-2-2
          • Vier Spalten
          • Fünf Spalten
          • Sechs Spalten
          • Sechs Spalten (Individuell)
        • Grids
          • Grid 'Modern'
          • Grid 'Modern' (getauscht)
          • Grid 'One'
          • Grid 'One' (getauscht)
          • Grid 'Two'
          • Grid 'Two' (swapped)
          • Grid 'Three'
          • Grid 'Three' (swapped)
          • Grid 'Four'
          • Grid 'Four' (swapped)
          • Grid 'Five'
          • Grid 'Five' (swapped)
          • Grid 'Six'
          • Grid 'Six' (swapped)
        • Text & Bild
          • Bild & Text überlagernd
        • Kategorieseite
        • Produktseite
          • Produktname (ohne Hersteller-Logo)
          • Galerie und Buybox (mit Produktname)
          • Galerie und Buybox (mit Produktname & Hersteller-Logo)
          • Produktbeschreibung und -bewertungen (Accordion)
        • Sidebar
          • Unterkategorie-Navigation (Sidebar)
        • Sale
          • Hero-Countdown
          • Countdown-Banner
          • Countdown-Banner (kompakt)
          • Discount-Banner
        • Verschiedenes
          • Breadcrumb-Navigation
          • Testimonial (Kundenrezension)
          • Testimonials (Vier Spalten)
          • Individueller Code (HTML/CSS/JS)
      • CMS-Elemente
        • Hero-Slider
          • Call-to-Action-Slide (Hero-Slider)
          • Text-Slide (Hero-Slider)
          • Image-Slide (Hero-Slider)
        • Teaser
          • Text-Teaser
          • Text-Teaser (verziert)
          • Button-Teaser
          • Call-to-Action
          • Hover-Box
          • Image-Teaser
          • Hero-Teaser
          • Advanced-Teaser
          • Classic-Teaser
          • Modern-Teaser
          • Runder Teaser
        • Banner
          • Image-Banner
          • Parallax-Banner
          • Hero-Banner
          • Advanced-Banner
        • Text & Bild
          • Bild & Text überlagernd
        • Kategorieseite
          • Unterkategorien im Listing
          • Unterkategorien im Listing (Modern)
        • Produktseite
          • Galerie (Grid)
          • Produktbeschreibung und -bewertungen (Accordion)
        • Sidebar
          • Unterkategorie-Navigation
        • Sale
          • Hero-Countdown (Überschrift)
          • Countdown-Banner
          • Countdown-Banner (kompakt)
          • Discount-Banner
        • Verschiedenes
          • Breadcrumb-Navigation
          • Testimonial (Kundenrezension)
          • Individueller Code (HTML/CSS/JS)
    • Erweiterungen
      • Ankündigungsbanner
      • Checkout-Steps
      • Erlebniswelt-Header
      • Floating-Widget
      • Hero-Sektion
      • Hersteller in Listings
      • Individuelle Ankündigung
      • Kategorie hervorheben
      • Labels auf Produktseiten
        • Ausverkauft-Label
        • Nicht verfügbar-Label
        • Lagerbestand-Label
        • Lieferzeit-Label
        • Versandkostenfrei-Label
        • Vorbestellung-Label
      • Produkt-Badges
        • Ausverkauft-Badge
        • Lagerbestand-Badge
        • Neu-Badge
        • Rabatt-Badge
        • Topseller-Badge
        • Versandkostenfrei-Badge
      • Produkt-Datenblätter
      • Produkt-Downloads
      • Produkt-Kurzbeschreibung
      • Produkt-Spezifikationen
      • Produktnummer in Listings
      • Produktvideos
      • Quickview
      • Slideout-Communities
      • Social-Media-Links (Icons)
      • Social-Proofing
        • Verkäufe-Infotext
      • Tabs auf Produktseiten
        • Benutzerdefinierter-Tab
        • Datenblätter-Tab
        • Eigenschaften-Tab
        • Hersteller-Tab
        • Videos-Tab
      • Teilen-Links
      • Unterkategorien im Listing
      • USP-Bar
      • Vorteile auf Produktseiten
      • Zahlungsarten auf Produktseiten
    • Grafiken
      • Erlebniswelten
      • Flaggensymbole
      • Social-Icons
      • Versandarten-Logos
      • Zahlungsarten-Logos
    • Widgets
      • Auszeichnungen, Siegel oder Zertifikate
      • Communities bzw. Social Media
      • Footer-Navigation
      • Individueller Text
      • Newsletter
      • Service-Hotline
      • Standort bzw. Ladengeschäft
      • Über uns
      • Versandanbieter-Logos
      • Vorteile
      • Zahlungsanbieter-Logos
      • Zahlungs- und Versandarten
    • Zusatzfelder
      • Kategorien
        • Body-Klasse
        • Erlebniswelt-Header
        • Hero-Sektion
        • Kategorie hervorheben
        • Spalten pro Zeile
        • Unterkategorien im Listing
      • Produkte
        • Allgemein
          • Benutzerdefinierter-Tab – Text
          • Benutzerdefinierter-Tab – Titel
          • Hover-Bild
          • Kommentar
          • Kurzbeschreibung
          • Vorteile
          • Zusatzfeld 1
          • Zusatzfeld 2
          • Zusatzfeld 3
        • Datenblätter
          • Datenblätter (Text)
          • Datenblatt 1
          • Datenblatt 1 – Titel
          • Datenblatt 2
          • Datenblatt 2 – Titel
          • Datenblatt 3
          • Datenblatt 3 – Titel
        • Downloads
          • Download 1
          • Download 1 – Titel
          • Download 1 – Beschreibung
          • Download 2
          • Download 2 – Titel
          • Download 2 – Beschreibung
          • Download 3
          • Download 3 – Titel
          • Download 3 – Beschreibung
        • Videos
          • Produkt-Videos (Text)
          • Video 1
          • Video 1 – Titel
          • Video 2
          • Video 2 – Titel
          • Video 3
          • Video 3 – Titel
          • YouTube-Video(s)
          • Vimeo-Video(s)
        • Weiterführende Links
          • Link 1
          • Link 1 – Titel
          • Link 1 – Link in einem neuen Tab öffne
          • Link 2
          • Link 2 – Titel
          • Link 2 – Link in einem neuen Tab öffne
          • Link 3
          • Link 3 – Titel
          • Link 3 – Link in einem neuen Tab öffne
  • Mehr Wissen
    • Google Fonts
    • JavaScript-Plugins
    • Textbausteine
    • Versandarten
    • Zahlungsarten
  • Konfiguration
    • Layout
      • Hauptfarben
        • Konfiguration
      • Status-Ausgaben
        • Konfiguration
      • Typografie
        • Konfiguration
      • E-Commerce
        • Konfiguration
      • Bilder
        • Konfiguration
      • Layout
        • Konfiguration
      • Buttons
        • Konfiguration
      • Formulare
        • Konfiguration
      • Modals
        • Konfiguration
      • Produkt-Bewertung
        • Konfiguration
      • Tabellen
        • Konfiguration
    • Header
      • Layout
        • Konfiguration
      • Logo
        • Konfiguration
      • Top-Bar
        • Konfiguration
      • Suche
        • Konfiguration
      • Aktions-Buttons
        • Konfiguration
      • Top-Navigation
        • Konfiguration
      • Top-Navigation Flyout
        • Konfiguration
      • Sticky Top-Navigation (Basis-Header "Header 1" und "Header 2")
        • Konfiguration
      • Minimaler Header (im Checkout)
        • Konfiguration
      • Mobiler Header
        • Konfiguration
      • Erlebniswelt-Header
        • Konfiguration
    • Footer
      • Layout
        • Konfiguration
      • Oberer Bereich
        • Konfiguration
      • Mittlerer Bereich
        • Konfiguration
      • Unterer Bereich
        • Konfiguration
      • Inhalte zuweisen und anordnen
        • Konfiguration
      • Minimaler Footer (im Checkout)
        • Konfiguration
      • Logos-Footer
        • Konfiguration
      • Copyright-Footer
        • Konfiguration
    • Inhalt
      • Breadcrumb
        • Konfiguration
      • Cookie-Hinweis
        • Konfiguration
      • Offcanvas-Navigation
        • Konfiguration
      • Paginierung
        • Konfiguration
      • Produkt-Badges
        • Konfiguration
      • Scroll-Up Button
        • Konfiguration
      • Sliders
        • Konfiguration
    • Erlebniswelten
      • Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)
        • Konfiguration
      • Bild-Slider (Kategorie "Bilder")
        • Konfiguration
      • Galerie (Kategorie "Bilder")
        • Konfiguration
      • Zwei Spalten, zentriertes Bild & Text (Kategorie "Text & Bild")
        • Konfiguration
      • Produkt-Slider (Kategorie "Commerce")
        • Konfiguration
      • Produkt-Filter (Kategorie "Sidebar")
        • Konfiguration
      • Kategorie-Navigation (Kategorie "Sidebar")
        • Konfiguration
    • Kategorieseiten
      • Layout (Layout-Typ "Standard")
        • Konfiguration
      • Layout (Layout-Typ "Großes Bild")
        • Konfiguration
      • Layout (Layout-Typ "Minimaler Inhalt")
        • Konfiguration
      • Produkt-Badges (in der Produkt-Box)
        • Konfiguration
      • Produkt-Box
        • Konfiguration
      • Produkt-Box (Layout-Typ "Standard")
        • Konfiguration
      • Produkt-Box Layout-Typ "Großes Bild")
        • Konfiguration
      • Produkt-Box (Layout-Typ "Minimaler Inhalt")
        • Konfiguration
    • Produktseiten
      • Layout
        • Konfiguration
      • Galerie
        • Konfiguration
      • Buybox
        • Konfiguration
      • Lieferinformationen-Labels (in der Buybox)
        • Konfiguration
      • Produkt-Badges (in der Galerie oder Buybox)
        • Konfiguration
      • Produkt-Spezifikationen (in der Buybox)
        • Konfiguration
      • Produktvideos (in Tabs)
        • Konfiguration
      • Social-Proofing (in der Buybox)
        • Konfiguration
      • Teilen-Links (in der Buybox)
        • Konfiguration
      • Vorteile (in der Buybox)
        • Konfiguration
      • Zahlungsanbieter-Logos (in der Buybox)
        • Konfiguration
      • Tabs
        • Konfiguration
      • Tab "Beschreibung"
        • Konfiguration
      • Tab "Eigenschaften"
        • Konfiguration
      • Tab "Produktvideos"
        • Konfiguration
      • Tab "Datenblätter"
        • Konfiguration
      • Tab "Benutzerdefinierter Inhalt"
        • Konfiguration
      • Tab "Hersteller"
        • Konfiguration
      • Cross-Selling
        • Konfiguration
    • Seiten
      • Allgemein
        • Konfiguration
      • Login
        • Konfiguration
      • Mein Konto
        • Konfiguration
      • Checkout
        • Konfiguration
    • Sidebar
      • Layout
        • Konfiguration
      • Sidebar-Widgets
        • Konfiguration
      • Sidebar-Widgets (Überschriften)
        • Konfiguration
      • Sidebar-Widgets: Inhalte zuweisen und anordnen
        • Konfiguration
    • Widgets
      • Footer-Navigation
        • Konfiguration
      • Auszeichnungen, Siegel oder Zertifikate
        • Konfiguration
      • Vorteile
        • Konfiguration
      • Communities bzw. Social Media
        • Konfiguration
      • Service-Hotline
        • Konfiguration
      • Standort bzw. Ladengeschäft
        • Konfiguration
      • Newsletter
        • Konfiguration
      • Zahlungsanbieter-Logos
        • Konfiguration
      • Versandanbieter-Logos
        • Konfiguration
    • Erweiterungen
      • Ankündigungsbanner (im Header)
        • Konfiguration
      • Checkout-Steps
        • Konfiguration
      • Individuelle Ankündigung (auf Produktseiten und im Checkout)
        • Konfiguration
      • Floating-Widget
        • Konfiguration
      • Hero-Sektion (auf Kategorieseiten)
        • Konfiguration
      • Unterkategorien im Listing (auf Kategorieseiten)
        • Konfiguration
      • Slideout-Communities
        • Konfiguration
      • USP-Bar
        • Konfiguration
    • Weiteres
      • Erweiterte Einstellungen
        • Konfiguration
      • Experten-Einstellungen
        • Konfiguration
      • Kompatibilität (HC-Architecture®)
        • Konfiguration
      • Beta
        • Konfiguration
      • Veraltet
        • Konfiguration
  • Sonstiges
    • Über ThemeWare®
    • ThemeWare® Demoshops
    • ThemeWare® Wissensdatenbank
    • ThemeWare® Video-Tutorial
    • ThemeWare® Utilities
    • 🇬🇧English
Powered by GitBook
LogoLogo

ThemeWare®

  • Über ThemeWare®
  • ThemeWare® Demoshops
  • ThemeWare® Service Portal
  • ThemeWare® Utilities

Informationen

  • Datenschutz
  • Impressum
  • Kontakt
  • Newsletter

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH

On this page
  • Konfiguration
  • Theme-Konfiguration
  • Inhalt
  • Anzeigeoptionen
  • Basiskonfiguration
  • Content-Konfiguration
  • Overlay-Konfiguration
  • Hintergrundkonfiguration
  • Breadcrumb-Konfiguration
  • Zusatzfelder

Was this helpful?

  1. Zusatzfunktionen
  2. Erweiterungen

Hero-Sektion

PreviousFloating-WidgetNextHersteller in Listings

Last updated 7 months ago

Was this helpful?

Die Theme-Erweiterung Hero-Sektion kannst du über die Theme-Konfiguration konfigurieren. Die "Hero-Sektion" kann auf CMS-Listingseiten und/oder -Shopseiten angezeigt werden.

Die Anzeige kannst du zudem über ein entsprechendes Zusatzfeld für jede Kategorie individuell einstellen, wenn du magst.

Auf Wunsch kannst du sogar die Breadcrumb in die "Hero-Sektion" integrieren.

Die dargestellten Texte und Bilder stammen aus der Kategorie-Verwaltung ("Kataloge" => "Kategorien") von Shopware. Angezeigt werden der "Name" und das "Bild" (= Anzeigebild) der entsprechenden Kategorien. Als Alternative zum ursprünglichen Kategoriebild kannst du auch ein individuelles Bild über ein entsprechendes Zusatzfeld nutzen.

Doch fangen wir mit der Theme-Konfiguration an.


Konfiguration

Theme-Konfiguration

  1. Wechsel in den Tab "Erweiterungen"

  2. Öffne den Bereich "Hero-Sektion"

  3. Aktiviere die Konfiguration "Hero-Sektion anzeigen"

  4. Konfiguriere die "Hero-Sektion" nun nach belieben

    • Du kannst beispielsweise die Breadcrumb integrieren.

  5. Speicher deine Änderungen nach der Bearbeitung

Inhalt

  1. Wechsel über die Hauptnavigation in die "Kategorie-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Kategorien")

  2. Wähle die gewünschte Kategorie aus (3)

  3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)

  4. Du befindest dich im Tab "Allgemein"

  5. Im Bereich "Allgemein" kannst du den Kategorie-Namen (Name) bearbeiten

  6. Scrolle zum Bereich "Menü-Einstellungen"

  7. Hier kannst du das Kategorie-Bild (Anzeigebild) bearbeiten

  8. Speicher deine Änderungen


Anzeigeoptionen

Hier hast du für Listingseiten und Shopseiten jeweils die folgende Optionen:

  • nicht anzeigen

  • anzeigen

  • anzeigen (per Zusatzfeld)

nicht anzeigen

Dies ist die Standard-Einstellung. In diesem Fall wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nicht angezeigt.

anzeigen

Wählst du die Option anzeigen, wird die "Hero-Sektion" auf allen Seiten des entsprechenden Seitentyps angezeigt.

Tipp: Über das Zusatzfeld kannst du die Anzeige dennoch in jeder beliebigen Kategorie unterbinden und so ausgewählte Kategorien individuell gestalten.

anzeigen (per Zusatzfeld)

Wählst du anzeigen (per Zusatzfeld) wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nur angezeigt, wenn du das Zusatzfeld in der entsprechenden Kategorie auf ja konfiguriert hast.

Hinweis: Dieser Artikel ist in Arbeit.

Basiskonfiguration

Nächstes Element hochziehen

...

Content-Konfiguration

Textfarbe

...

Textausrichtung

...

Breite des Containers

...

Breite des Inhalts

...

Abstand oben (≥576px)

...

Abstand oben (≥992px)

...

Overlay-Konfiguration

Hintergrundfarbe

...

Deckkraft

...

Hintergrundkonfiguration

Fixierung

...

Parallax-Effekt

...

Breadcrumb-Konfiguration

Breadcrumb anzeigen

...

Position

...


Zusatzfelder

Wie du sicherlich bereits weißt, ist die Theme-Konfiguration stets global, das heißt sie gilt Shopübergreifend für alle Seiten. Dies gilt auch für die Konfiguration der "Hero-Sektion". Du kannst du Theme-Konfiguration allerdings mit eine Auswahl an Zusatzfelder in beliebigen Kategorien "überschreiben" und beispielsweise eine andere Farbe für die "Hero-Sektion" in einer beliebigen Kategorie nutzen.

Mehr Informationen zu den Zusatzfeldern findest du in folgendem Artikel:

Hero-Sektion
ThemeWare® "Hero-Sektion"
Shopware 6 "Kategorie-Verwaltung"