Components

12 Twig Components
12 Render Count
149 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.89ms
sylius_shop:common:locale_switcher
"Sylius\Bundle\ShopBundle\Twig\Component\Common\LocaleSwitcherComponent"
@SyliusUi/components/default.html.twig
1 1.00ms
sylius_shop:cart:widget
"Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent"
@SyliusUi/components/default.html.twig
1 1.54ms
sylius_shop:common:taxon_menu
"Sylius\Bundle\ShopBundle\Twig\Component\Common\TaxonMenuComponent"
@SyliusUi/components/default.html.twig
1 4.25ms
sylius_shop:product:summary
"Sylius\Bundle\ShopBundle\Twig\Component\Product\SummaryComponent"
@SyliusUi/components/default.html.twig
1 135.84ms
sylius_shop:product_review.count
"Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\CountComponent"
@SyliusUi/components/default.html.twig
1 0.53ms
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.39ms
app:product:images
"App\Twig\Component\Product\ProductImagesComponent"
@SyliusUi/components/default.html.twig
1 0.90ms
sylius_shop:product_review:list
"Sylius\Bundle\ShopBundle\Twig\Component\ProductReview\ListComponent"
@SyliusUi/components/default.html.twig
1 0.93ms
sylius_shop:product:list
"Sylius\Bundle\ShopBundle\Twig\Component\Product\ListComponent"
@SyliusUi/components/default.html.twig
1 0.20ms
sylius_shop:cart:widget:offcanvas
"Sylius\Bundle\ShopBundle\Twig\Component\Cart\WidgetComponent"
@SyliusUi/components/default.html.twig
1 1.87ms

Render calls

sylius_shop:common:currency_switcher Sylius\Bundle\ShopBundle\Twig\Component\Common\CurrencySwitcherComponent 18.0 MiB 2.89 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 18.0 MiB 1.00 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 18.0 MiB 1.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 18.0 MiB 4.25 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 18.0 MiB 135.84 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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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 18.0 MiB 0.53 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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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 18.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: "$149.00"
  +originalPrice: "$149.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 18.0 MiB 6.39 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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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" => "e5d2baa6678c37795cdf6313a9a8.e6z6J1YuhQ7iwXS5PYS6RBeeAuJPaMqdy7xW9JJQlTg.MpqgEwd9tGWB90TXar3Nc136e5IhP4X3vew1kcto_HkLmr5gJRbNfZqDOQ"
  ]
  +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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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 18.0 MiB 0.90 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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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.93 ms
Input props
[
  "hookableMetadata" => Sylius\TwigHooks\Hookable\Metadata\HookableMetadata {#14650
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#14649 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#14654 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#14659 …}
    +prefixes: [
      "sylius_shop.product.show.content.info.overview.accordion.reviews.content"
    ]
  }
  "product" => App\Entity\Product\Product {#7463
    #id: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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 {#14664
  +product: App\Entity\Product\Product {#7463
    #id: 185
    #code: "L-2615"
    #attributes: Doctrine\ORM\PersistentCollection {#7958 …}
    #variants: Doctrine\ORM\PersistentCollection {#8171 …}
    #options: Doctrine\ORM\PersistentCollection {#8299 …}
    #associations: Doctrine\ORM\PersistentCollection {#8239 …}
    #createdAt: DateTime @1760544878 {#7471
      date: 2025-10-15 16:14:38.0 UTC (+00:00)
    }
    #updatedAt: DateTime @1760545765 {#7435
      date: 2025-10-15 16:29:25.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: 1414
        #name: "Backpack L-2615"
        #slug: "backpack-l-2615"
        #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: """
          Großer Rucksack aus fairem Handel. Dickes Rindsleder.\r\n
          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 {#14650
    +renderedBy: Sylius\TwigHooks\Hook\Metadata\HookMetadata {#14649 …}
    +context: Sylius\TwigHooks\Bag\DataBag {#14654 …}
    +configuration: Sylius\TwigHooks\Bag\ScalarDataBag {#14659 …}
    +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.20 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 {#15287
  +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 1.87 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 {#17406
  +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 …}
}