Twig Blocks
This reference lists every template DmfGuppyTheme overrides under src/Resources/views/storefront/, grouped by area. Paths are relative to src/Resources/views/storefront/.
Layout
Header
| Path | Purpose |
|---|---|
layout/header.html.twig | Main header template, picks variant from theme_config('guppy-header') |
layout/header/header-compact.html.twig | Compact variant |
layout/header/header-extended.html.twig | Extended variant with top bar |
layout/header/header-simple.html.twig | Minimalist variant |
layout/header/logo.html.twig | Logo component |
layout/header/search.html.twig | Search component |
layout/header/top-bar-extended.html.twig | Extended top bar |
Footer
| Path | Purpose |
|---|---|
layout/footer.html.twig | Main footer template, picks variant from theme_config('guppy-footer') |
layout/footer/footer-guppy-default.html.twig | Guppy footer variant with newsletter, payment / shipping logos |
Navigation
| Path | Purpose |
|---|---|
layout/navbar/navbar.html.twig | Main navbar template |
layout/navbar/content.html.twig | Default navigation |
layout/navbar/content-compact.html.twig | Compact navigation |
layout/breadcrumb.html.twig | Breadcrumb navigation |
Sidebar
| Path | Purpose |
|---|---|
layout/sidebar/category-navigation-onelevel.html.twig | Single-level category navigation |
Sections and blocks
| Path | Purpose |
|---|---|
section/cms-section-sidebar.html.twig | Sidebar section template |
block/cms-block-category-navigation-onelevel.html.twig | Category navigation as a CMS block |
block/cms-block-gallery-buybox.html.twig | Gallery + buybox in one block |
CMS elements
| Path | Purpose |
|---|---|
element/cms-element-buy-box.html.twig | Buy box |
element/cms-element-image-gallery.html.twig | Image gallery |
element/cms-element-product-listing.html.twig | Product listing |
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 | Category navigation |
element/cms-element-product-description-reviews.html.twig | Product description with reviews |
Components
Product
| Path | Purpose |
|---|---|
component/product/listing.html.twig | Product listing |
component/product/description.html.twig | Product description |
component/product/properties.html.twig | Product properties |
component/product/properties-offcanvas.html.twig | Properties off-canvas |
component/product/card/box-standard.html.twig | Standard product card |
component/product/card/box-landscape.html.twig | Landscape product card |
component/product/card/box-image.html.twig | Product image component |
component/product/card/badges.html.twig | Product badges |
component/product/card/action.html.twig | Product actions |
component/product/card/price-unit.html.twig | Price component |
Buy widget
| Path | Purpose |
|---|---|
component/buy-widget/buy-widget.html.twig | Main buy widget component |
component/buy-widget/buy-widget-form.html.twig | Buy widget form |
component/buy-widget/buy-widget-price.html.twig | Buy widget price |
Account
| Path | Purpose |
|---|---|
component/account/login.html.twig | Login component |
component/account/register.html.twig | Registration component |
Checkout
| Path | Purpose |
|---|---|
component/checkout/offcanvas-cart.html.twig | Off-canvas cart |
component/checkout/offcanvas-cart-summary.html.twig | Cart summary |
Line item
| Path | Purpose |
|---|---|
component/line-item/element/quantity.html.twig | Quantity selector |
component/line-item/element/remove.html.twig | Remove button |
component/line-item/element/total-price.html.twig | Total price |
component/line-item/type/product.html.twig | Product line item |
Listing and address
| Path | Purpose |
|---|---|
component/listing/filter-panel.html.twig | Filter panel |
component/address/address-form.html.twig | Address form |
component/delivery-information.html.twig | Delivery information |
Pages
Account
| Path | Purpose |
|---|---|
page/account/_page.html.twig | Account base template |
page/account/sidebar.html.twig | Account sidebar |
page/account/profile/index.html.twig | Profile page |
page/account/register/index.html.twig | Registration page |
page/account/order-history/index.html.twig | Order history |
Checkout
| Path | Purpose |
|---|---|
page/checkout/_page.html.twig | Checkout base |
page/checkout/cart/index.html.twig | Cart |
page/checkout/confirm/index.html.twig | Confirmation |
page/checkout/finish/index.html.twig | Finish |
page/checkout/finish/finish-details.html.twig | Finish details |
page/checkout/address/index.html.twig | Address page |
page/checkout/address/register.html.twig | Address registration |
page/checkout/summary.html.twig | Checkout summary |
page/checkout/progress.html.twig | Checkout progress |
page/checkout/aside-actions-footer.html.twig | Sidebar footer in checkout |
Content and detail
| Path | Purpose |
|---|---|
page/content/index.html.twig | Content page |
page/content/detail.html.twig | Content detail |
page/content/product-detail.html.twig | Product detail page (content variant) |
page/product-detail/index.html.twig | Product detail main page |
page/product-detail/buy-widget.html.twig | Buy widget |
page/product-detail/buy-widget-form.html.twig | Buy widget form |
page/product-detail/headline-buybox.html.twig | Headline buybox |
Utilities
| Path | Purpose |
|---|---|
utilities/alert.html.twig | Alert component |
utilities/icon.html.twig | Icon component |
utilities/offcanvas.html.twig | Off-canvas component |
utilities/thumbnail.html.twig | Thumbnail component (with focal-point support) |
Related
- Twig Overrides: how to write overrides.
- Config Schema:
theme_configfields consumed by the templates. - Architecture: override strategy and inheritance order.