Twig-Blöcke

Diese Referenz listet alle Templates, die DmfGuppyTheme unter src/Resources/views/storefront/ überschreibt, gruppiert nach Bereich. Pfade sind relativ zu src/Resources/views/storefront/.

Layout

Pfad	Funktion
`layout/header.html.twig`	Header-Haupttemplate, lädt Variante aus `theme_config('guppy-header')`
`layout/header/header-compact.html.twig`	kompakte Header-Variante
`layout/header/header-extended.html.twig`	erweiterte Header-Variante mit Top-Bar
`layout/header/header-simple.html.twig`	minimalistische Variante
`layout/header/logo.html.twig`	Logo-Komponente
`layout/header/search.html.twig`	Suchkomponente
`layout/header/top-bar-extended.html.twig`	erweiterte Top-Bar

Pfad	Funktion
`layout/footer.html.twig`	Footer-Haupttemplate, lädt Variante aus `theme_config('guppy-footer')`
`layout/footer/footer-guppy-default.html.twig`	Guppy-Footer-Variante mit Newsletter, Payment-/Shipping-Logos

Pfad	Funktion
`layout/navbar/navbar.html.twig`	Navbar-Haupttemplate
`layout/navbar/content.html.twig`	Standard-Navigation
`layout/navbar/content-compact.html.twig`	kompakte Navigation
`layout/breadcrumb.html.twig`	Breadcrumb-Navigation

Pfad	Funktion
`layout/sidebar/category-navigation-onelevel.html.twig`	einstufige Kategorienavigation

Sections und Blocks

Pfad	Funktion
`section/cms-section-sidebar.html.twig`	Sidebar-Section-Template
`block/cms-block-category-navigation-onelevel.html.twig`	Kategorienavigation als CMS-Block
`block/cms-block-gallery-buybox.html.twig`	Galerie + Buybox in einem Block

CMS-Elemente

Pfad	Funktion
`element/cms-element-buy-box.html.twig`	Buy-Box-Element
`element/cms-element-image-gallery.html.twig`	Bildergalerie
`element/cms-element-product-listing.html.twig`	Produktlisting
`element/cms-element-sidebar-filter.html.twig`	Sidebar-Filter
`element/cms-element-splide-slider.html.twig`	Splide-Slider
`element/cms-element-category-navigation-onelevel.html.twig`	Kategorienavigation
`element/cms-element-product-description-reviews.html.twig`	Produktbeschreibung mit Reviews

Komponenten

Produkt

Pfad	Funktion
`component/product/listing.html.twig`	Produktlisting
`component/product/description.html.twig`	Produktbeschreibung
`component/product/properties.html.twig`	Produkt-Eigenschaften
`component/product/properties-offcanvas.html.twig`	Eigenschaften-Off-Canvas
`component/product/card/box-standard.html.twig`	Standard-Produktkarte
`component/product/card/box-landscape.html.twig`	Landscape-Produktkarte
`component/product/card/box-image.html.twig`	Produktbild-Komponente
`component/product/card/badges.html.twig`	Produkt-Badges
`component/product/card/action.html.twig`	Produkt-Aktionen
`component/product/card/price-unit.html.twig`	Preis-Komponente

Pfad	Funktion
`component/buy-widget/buy-widget.html.twig`	Buy-Widget-Hauptkomponente
`component/buy-widget/buy-widget-form.html.twig`	Buy-Widget-Formular
`component/buy-widget/buy-widget-price.html.twig`	Buy-Widget-Preis

Account

Pfad	Funktion
`component/account/login.html.twig`	Login-Komponente
`component/account/register.html.twig`	Registrierung-Komponente

Checkout

Pfad	Funktion
`component/checkout/offcanvas-cart.html.twig`	Offcanvas-Warenkorb
`component/checkout/offcanvas-cart-summary.html.twig`	Warenkorb-Zusammenfassung

Line-Item

Pfad	Funktion
`component/line-item/element/quantity.html.twig`	Mengenauswahl
`component/line-item/element/remove.html.twig`	Entfernen-Button
`component/line-item/element/total-price.html.twig`	Gesamtpreis
`component/line-item/type/product.html.twig`	Produkt-Line-Item

Listing und Address

Pfad	Funktion
`component/listing/filter-panel.html.twig`	Filter-Panel
`component/address/address-form.html.twig`	Adress-Formular
`component/delivery-information.html.twig`	Lieferinformationen

Pages

Account

Pfad	Funktion
`page/account/_page.html.twig`	Account-Basis-Template
`page/account/sidebar.html.twig`	Account-Sidebar
`page/account/profile/index.html.twig`	Profil-Seite
`page/account/register/index.html.twig`	Registrierung-Seite
`page/account/order-history/index.html.twig`	Bestellhistorie

Checkout

Pfad	Funktion
`page/checkout/_page.html.twig`	Checkout-Basis
`page/checkout/cart/index.html.twig`	Warenkorb
`page/checkout/confirm/index.html.twig`	Bestätigung
`page/checkout/finish/index.html.twig`	Abschluss
`page/checkout/finish/finish-details.html.twig`	Abschluss-Details
`page/checkout/address/index.html.twig`	Adress-Seite
`page/checkout/address/register.html.twig`	Adress-Registrierung
`page/checkout/summary.html.twig`	Checkout-Zusammenfassung
`page/checkout/progress.html.twig`	Checkout-Fortschritt
`page/checkout/aside-actions-footer.html.twig`	Sidebar-Footer im Checkout

Content und Detail

Pfad	Funktion
`page/content/index.html.twig`	Content-Seite
`page/content/detail.html.twig`	Content-Detail
`page/content/product-detail.html.twig`	Produktdetail-Seite (Content-Variante)
`page/product-detail/index.html.twig`	Produktdetail-Hauptseite
`page/product-detail/buy-widget.html.twig`	Buy-Widget
`page/product-detail/buy-widget-form.html.twig`	Buy-Widget-Formular
`page/product-detail/headline-buybox.html.twig`	Headline-Buybox

Utilities

Pfad	Funktion
`utilities/alert.html.twig`	Alert-Komponente
`utilities/icon.html.twig`	Icon-Komponente
`utilities/offcanvas.html.twig`	Off-Canvas-Komponente
`utilities/thumbnail.html.twig`	Thumbnail-Komponente (mit Focal-Point-Support)

Verwandt

Twig-Overrides: wie Overrides geschrieben werden.
Konfigurationsschema: theme_config-Felder, die in den Templates konsumiert werden.
Architektur: Override-Strategie und Vererbungs-Reihenfolge.