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
  • 1. Eigenes Produktseite-Layout erstellen
  • 2. Produktseite-Layout gestalten
  • 3. Layout Abstände
  • 4. Als Standardlayout verwenden

Was this helpful?

  1. Inhalte
  2. Produktseite

Standardlayout

Spätestens mit Shopware 6.6 solltest Du dir Dein eigenes Standard Layout definieren. Wir zeigen Dir hier, wie das geht.

Last updated 1 year ago

Was this helpful?

1. Eigenes Produktseite-Layout erstellen

Um ein eigenes Produktseite-Layout zu erstellen, dupliziere (1) einfach das gesperrte Standard Produktseite-Layout. Konfiguriere (2) nun die neu erstelle Kopie des Standard Produktseite-Layouts.

2. Produktseite-Layout gestalten

Lösche die beiden überflüssigen Blöcke "Produktname & Hersteller-Logo" (1) und "Galerie und Buybox" (2). Nach jedem Löschen wird Shopware das Layout speichern und eine rote oder gelbe Fehlermeldung zeigen - je nachdem in welcher Reihenfolge Du die obigen Schritte ausführst.

Lass Dich von dieser Meldungen nicht beirren und fahre mit der Löschung des zweiten Blocks fort. Die Fehlermeldungen verschwinden, sobald alle unnötigen Blöcke entfernt und der Block "Galerie und Buybox mit Produktname & Hersteller-Logo" (1) platziert wurde.

Du findest den Block in der Block-Kategorie Auswahl im Bereich "Theme [THEME NAME] - Commerce".

Cloud-Themes ab Version 4.0.0 finden diesen Block in der Block-Kategorie "Commerce".

Natürlich kannst Du auch eines unserer anderen Galerie und Buybox Blöcke nutzen. Die Warnungen helfen Dir alle doppelten Blöcke zu entfernen.

3. Layout Abstände

Damit die Inhalte Deiner neuen Produktseite nicht links und rechts am Browserrand kleben, wähle die Blöcke (1) an und setze in den Layout-Einstellungen Werte für Linker Abstand (2) und Rechet Abstand (3).

4. Als Standardlayout verwenden

In der Layout-Zuweisung (1) kannst Du das Layout nun als Standardlayout verwenden (2).

Tipp: Um die automatischen Abstände des Themes zu verwenden, trage auto in die Felder ein - warum das sinnvoll ist, haben wir erklärt.

📂
hier