Components

12 Twig Components
12 Render Count
359 ms Render Time
18.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
sylius_shop:common:currency_switcher
"Sylius\Bundle\ShopBundle\Twig\Component\Common\CurrencySwitcherComponent"
@SyliusUi/components/default.html.twig
1 2.76ms
sylius_shop:common:locale_switcher
"Sylius\Bundle\ShopBundle\Twig\Component\Common\LocaleSwitcherComponent"
@SyliusUi/components/default.html.twig
1 0.93ms
sylius_shop:cart:widget
"Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent"
@SyliusUi/components/default.html.twig
1 11.54ms
sylius_shop:common:taxon_menu
"Sylius\Bundle\ShopBundle\Twig\Component\Common\TaxonMenuComponent"
@SyliusUi/components/default.html.twig
1 4.11ms
sylius_shop:product:summary
"Sylius\Bundle\ShopBundle\Twig\Component\Product\SummaryComponent"
@SyliusUi/components/default.html.twig
1 334.20ms
sylius_shop:product_review.count
"Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\CountComponent"
@SyliusUi/components/default.html.twig
1 0.63ms
sylius_shop:product:price
"Sylius\Bundle\ShopBundle\Twig\Component\Product\PriceComponent"
@SyliusUi/components/default.html.twig
1 0.31ms
sylius_shop:product:add_to_cart_form
"Sylius\Bundle\ShopBundle\Twig\Component\Product\AddToCartFormComponent"
@SyliusUi/components/default.html.twig
1 6.34ms
app:product:images
"App\Twig\Component\Product\ProductImagesComponent"
@SyliusUi/components/default.html.twig
1 1.06ms
sylius_shop:product_review:list
"Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\ListComponent"
@SyliusUi/components/default.html.twig
1 0.94ms
sylius_shop:product:list
"Sylius\Bundle\ShopBundle\Twig\Component\Product\ListComponent"
@SyliusUi/components/default.html.twig
1 0.30ms
sylius_shop:cart:widget:offcanvas
"Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent"
@SyliusUi/components/default.html.twig
1 2.69ms

Render calls

sylius_shop:common:currency_switcher Sylius\Bundle\ShopBundle\Twig\Component\Common\CurrencySwitcherComponent 12.0 MiB 2.76 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#11823
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#11816 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#11822 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#11821 …}
    +prefixes: [
      "sylius_shop.base.header.top_bar"
    ]
  }
  "template" => "@SyliusShop/shared/layout/base/header/top_bar/currency_switcher.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/shared/layout/base/header/top_bar/currency_switcher.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Common\CurrencySwitcherComponent {#11834
  #channelContext: Sylius\Component\Channel\Context\CachedPerRequestChannelContext {#4186 …}
  #currencyContext: Sylius\Component\Core\Currency\Context\ChannelAwareCurrencyContext {#11709 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#11823
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#11816 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#11822 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#11821 …}
    +prefixes: [
      "sylius_shop.base.header.top_bar"
    ]
  }
}
sylius_shop:common:locale_switcher Sylius\Bundle\ShopBundle\Twig\Component\Common\LocaleSwitcherComponent 12.0 MiB 0.93 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12500
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12504 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12502 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12501 …}
    +prefixes: [
      "sylius_shop.base.header.top_bar"
    ]
  }
  "template" => "@SyliusShop/shared/layout/base/header/top_bar/locale_switcher.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/shared/layout/base/header/top_bar/locale_switcher.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Common\LocaleSwitcherComponent {#12491
  #localeContext: Sylius\Component\Locale\Context\CompositeLocaleContext {#1269 …}
  #localeProvider: Sylius\Component\Core\Provider\ChannelBasedLocaleProvider {#4514 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12500
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12504 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12502 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12501 …}
    +prefixes: [
      "sylius_shop.base.header.top_bar"
    ]
  }
}
sylius_shop:cart:widget Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent 12.0 MiB 11.54 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12395
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12422 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12400 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12402 …}
    +prefixes: [
      "sylius_shop.base.header.content"
    ]
  }
  "template" => "@SyliusShop/shared/components/header/cart.html.twig"
]
Attributes
[]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent {#12374
  +cart: App\Entity\Order\Order {#12562 …}
  #cartContext: Sylius\Component\Order\Context\CompositeCartContext {#1293 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12395
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12422 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12400 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12402 …}
    +prefixes: [
      "sylius_shop.base.header.content"
    ]
  }
  +template: "@SyliusShop/shared/components/header/cart.html.twig"
  #repository: Sylius\Bundle\CoreBundle\Doctrine\ORM\OrderRepository {#4961 …}
}
sylius_shop:common:taxon_menu Sylius\Bundle\ShopBundle\Twig\Component\Common\TaxonMenuComponent 12.0 MiB 4.11 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12738
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12737 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12733 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12735 …}
    +prefixes: [
      "sylius_shop.base.header.navbar"
    ]
  }
  "template" => "@SyliusShop/shared/layout/base/header/navbar/menu.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/shared/layout/base/header/navbar/menu.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Common\TaxonMenuComponent {#12748
  #taxonRepository: Sylius\Bundle\TaxonomyBundle\Doctrine\ORM\TaxonRepository {#12747 …}
  #channelContext: Sylius\Component\Channel\Context\CachedPerRequestChannelContext {#4186 …}
  #localeContext: Sylius\Component\Locale\Context\CompositeLocaleContext {#1269 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#12738
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#12737 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#12733 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#12735 …}
    +prefixes: [
      "sylius_shop.base.header.navbar"
    ]
  }
}
sylius_shop:product:summary Sylius\Bundle\ShopBundle\Twig\Component\Product\SummaryComponent 16.0 MiB 334.20 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13264
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13251 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13249 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13263 …}
    +prefixes: [
      "sylius_shop.product.show.content.info"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  "template" => "@SyliusShop/product/show/content/info/summary.html.twig"
]
Attributes
[]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Product\SummaryComponent {#13274
  #productVariantResolver: Sylius\Component\Product\Resolver\DefaultProductVariantResolver {#13273 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13264
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13251 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13249 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13263 …}
    +prefixes: [
      "sylius_shop.product.show.content.info"
    ]
  }
  +product: App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  #productRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductRepository {#6880 …}
  +variant: App\Entity\Product\ProductVariant {#8319 …}
  #productVariantRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductVariantRepository {#13268 …}
  +template: "@SyliusShop/product/show/content/info/summary.html.twig"
}
sylius_shop:product_review.count Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\CountComponent 12.0 MiB 0.63 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13397
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13390 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13396 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13395 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary.average_rating"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  "template" => "@SyliusShop/product/show/content/info/summary/average_rating/number_of_reviews.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/product/show/content/info/summary/average_rating/number_of_reviews.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\CountComponent {#13436
  +product: App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  #productReviewRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductReviewRepository {#13383 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13397
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13390 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13396 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13395 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary.average_rating"
    ]
  }
}
sylius_shop:product:price Sylius\Bundle\ShopBundle\Twig\Component\Product\PriceComponent 12.0 MiB 0.31 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13536
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13542 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13531 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13538 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary.prices"
    ]
  }
  "variant" => App\Entity\Product\ProductVariant {#8319 …}
  "template" => "@SyliusShop/product/show/content/info/summary/prices/price.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/product/show/content/info/summary/prices/price.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Product\PriceComponent {#13547
  +variant: App\Entity\Product\ProductVariant {#8319 …}
  +price: "$129.00"
  +originalPrice: "$129.00"
  +hasDiscount: false
  #productVariantPricesCalculator: Sylius\Component\Core\Calculator\ProductVariantPriceCalculator {#5446 …}
  #moneyFormatter: Sylius\Bundle\MoneyBundle\Formatter\MoneyFormatter {#8820 …}
  #channelContext: Sylius\Component\Channel\Context\CachedPerRequestChannelContext {#4186 …}
  #localeContext: Sylius\Component\Locale\Context\CompositeLocaleContext {#1269 …}
  #currencyContext: Sylius\Component\Core\Currency\Context\ChannelAwareCurrencyContext {#11709 …}
  #currencyConverter: Sylius\Component\Currency\Converter\CurrencyConverter {#8817 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13536
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13542 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13531 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13538 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary.prices"
    ]
  }
}
sylius_shop:product:add_to_cart_form Sylius\Bundle\ShopBundle\Twig\Component\Product\AddToCartFormComponent 14.0 MiB 6.34 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13612
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13467 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13606 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13605 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  "template" => "@SyliusShop/product/show/content/info/summary/add_to_cart.html.twig"
]
Attributes
[]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Product\AddToCartFormComponent {#13627
  +routeName: "sylius_shop_cart_summary"
  +routeParameters: []
  #formFactory: Symfony\Component\Form\FormFactory {#7195 …}
  #manager: ContainerMD0hFgq\EntityManagerGhost614a58f {#201 …}
  #router: Symfony\Bundle\FrameworkBundle\Routing\Router {#1352 …}
  #requestStack: Symfony\Component\HttpFoundation\RequestStack {#212 …}
  #eventDispatcher: Symfony\Component\HttpKernel\Debug\TraceableEventDispatcher {#1065 …}
  #cartContext: Sylius\Component\Order\Context\CompositeCartContext {#1293 …}
  #addToCartCommandFactory: Sylius\Bundle\OrderBundle\Factory\AddToCartCommandFactory {#13628 …}
  #cartItemFactory: Sylius\Component\Core\Factory\CartItemFactory {#13629 …}
  #formClass: "Sylius\Bundle\ShopBundle\Form\Type\AddToCartType"
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#12674 …}
  -formView: Symfony\Component\Form\FormView {#13752 …}
  -form: Symfony\Component\Form\Form {#13801 …}
  +formName: "sylius_shop_add_to_cart"
  +formValues: [
    "cartItem" => [
      "quantity" => "1"
      "variant" => [
        "color_variation_3" => "BrownWash"
      ]
    ]
    "_token" => "d59a7b7b41097.LJ8UxGgpk_9pAQDagauyU7gCGPpl-DVYcvjOp7yIMXM.XK0hoBJCw4teaGu8s9qDN_xNfdcEwAxrMIiM_sbSbh12xn7yBnbaqz1taw"
  ]
  +isValidated: true
  +validatedFields: []
  -shouldAutoSubmitForm: true
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13612
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#13467 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13606 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#13605 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.summary"
    ]
  }
  +product: App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  #productRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductRepository {#6880 …}
  +variant: null
  #productVariantRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductVariantRepository {#13268 …}
  +template: "@SyliusShop/product/show/content/info/summary/add_to_cart.html.twig"
}
app:product:images App\Twig\Component\Product\ProductImagesComponent 16.0 MiB 1.06 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#16758
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#16751 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#16757 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#16756 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.overview.images"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  "template" => "shop/product/show/content/info/overview/images/main_image.html.twig"
]
Attributes
[]
Component
App\Twig\Component\Product\ProductImagesComponent {#16914
  -liveResponder: Symfony\UX\LiveComponent\LiveResponder {#12674 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#16758
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#16751 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#16757 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#16756 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.overview.images"
    ]
  }
  +product: App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  #productRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductRepository {#6880 …}
  +variant: null
  #productVariantRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductVariantRepository {#13268 …}
  +template: "shop/product/show/content/info/overview/images/main_image.html.twig"
}
sylius_shop:product_review:list Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\ListComponent 18.0 MiB 0.94 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#17174
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#17170 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#17171 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#17173 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.overview.accordion.reviews.content"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  "count" => 3
  "template" => "@SyliusShop/shared/product_review/list.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/shared/product_review/list.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\ListComponent {#17183
  +product: App\Entity\Product\Product {#7463
    #id: 186
    #code: "L-2616"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760547852 {#7471
      date: 2025-10-15 17:04:12.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760554857 {#7435
      date: 2025-10-15 19:00:57.0 UTC (+00:00)
    }
    #enabled: true
    #translations: Doctrine\ORM\PersistentCollection {#8298 …}
    #translationsCache: [
      "de_DE" => App\Entity\Product\ProductTranslation {#8301
        #locale: "de_DE"
        #translatable: App\Entity\Product\Product {#7463}
        #id: 1416
        #name: "Backpack L-2616"
        #slug: "backpack-l-2616"
        #description: "Dieser Rucksack ist ein besonderes Stück. Äußerst stylish vereint er eine Messenger Tasche mit einem Rucksack. Er hat verstellbare Riemen. Die Reißverschluss Oberseite wird umgeklappt und mit einer Schulranzen Schnalle zusätzlich verschlossen. Unter der Klappe und hinten befinden sich je ein Reißverschluss Fach. Innen gibt es ein getrenntes Hauptfach, zwei Reißverschluss Fächer, zwei kleine Fächer für Handy, etc und ein paar Stiftehalter."
        #metaKeywords: null
        #metaDescription: null
        #shortDescription: "Rucksack aus fairem Handel. Dickes Rindsleder. Verschiedene Farben und Oberflächen Ausführungen erhältlich."
      }
    ]
    #currentLocale: "de_DE"
    #currentTranslation: null
    #fallbackLocale: "en_US"
    #variantSelectionMethod: "match"
    #productTaxons: Doctrine\ORM\PersistentCollection {#7597 …}
    #channels: Doctrine\ORM\PersistentCollection {#7817 …}
    #mainTaxon: Proxies\__CG__\App\Entity\Taxonomy\Taxon {#7460 …}
    #reviews: Doctrine\ORM\PersistentCollection {#7734 …}
    #averageRating: 0.0
    #images: Doctrine\ORM\PersistentCollection {#7819 …}
    #productType: null
  }
  +count: 3
  #productReviewRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductReviewRepository {#13383 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#17174
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#17170 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#17171 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#17173 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.overview.accordion.reviews.content"
    ]
  }
}
sylius_shop:product:list Sylius\Bundle\ShopBundle\Twig\Component\Product\ListComponent 18.0 MiB 0.30 ms
Input props
[
  "limit" => 4
  "template" => "@SyliusShop/product/common/list.html.twig"
]
Attributes
[
  "template" => "@SyliusShop/product/common/list.html.twig"
]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Product\ListComponent {#17280
  +limit: 4
  #productRepository: Sylius\Bundle\CoreBundle\Doctrine\ORM\ProductRepository {#6880 …}
  #localeContext: Sylius\Component\Locale\Context\CompositeLocaleContext {#1269 …}
  #channelContext: Sylius\Component\Channel\Context\CachedPerRequestChannelContext {#4186 …}
  +hookableMetadata: null
}
sylius_shop:cart:widget:offcanvas Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent 18.0 MiB 2.69 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13139
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#11779 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13197 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#11789 …}
    +prefixes: [
      "sylius_shop.base.offcanvas"
    ]
  }
  "template" => "@SyliusShop/shared/layout/base/offcanvas/cart.html.twig"
]
Attributes
[]
Component
Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent {#14820
  +cart: App\Entity\Order\Order {#12562 …}
  #cartContext: Sylius\Component\Order\Context\CompositeCartContext {#1293 …}
  +hookableMetadata: Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#13139
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#11779 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#13197 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#11789 …}
    +prefixes: [
      "sylius_shop.base.offcanvas"
    ]
  }
  +template: "@SyliusShop/shared/layout/base/offcanvas/cart.html.twig"
  #repository: Sylius\Bundle\CoreBundle\Doctrine\ORM\OrderRepository {#4961 …}
}