templates/product_category/layouts/_main.html.twig line 83

Open in your IDE?
  1. {{ pimcore_area('content-brick-1', {
  2.     'type':'content-brick',
  3.     'params':{
  4.         'content-brick': {
  5.             'containerClasses': 'md:py-20',
  6.             'productCategory': productCategory,
  7.             'forceH1' : true,
  8.             'defaultLayout': 'text-gallery',
  9.             'defaultBackgroundColor':'bg-white',
  10.             'defaultInverted': true,
  11.             'defaultTitle' : productCategory.title ?? page.title,
  12.             'defaultHeadline' : productCategory.subtitle ?? null,
  13.             'defaultWysiwyg' : productCategory.desc ?? page.description,
  14.             'defaultGalleryItems' : productCategory.mediaGalleryItems is defined and (productCategory.mediaGalleryItems|length) > 1 ? (productCategory.mediaGalleryItems | slice(1, 4)) : null,
  15.             'defaultSecondaryLink' : {
  16.                 'title': 'Bekijk de {{ productCategory }}' | trans({ '{{ productCategory }}': (productCategory.name ?? page.title) }),
  17.                 'link': "#products-anchor",
  18.                 'target': "",
  19.             }
  20.         }
  21.     }
  22. }) }}
  24. {{ pimcore_area('features', {
  25.     'type':'features-brick',
  26.     'params':{
  27.         'features-brick': {
  28.             'brickBackgroundColor': 'bg-white',
  29.             'productCategory': productCategory
  30.         }
  31.     }
  32. }) }}
  34. <div id="products-anchor">
  35.     {{ pimcore_area('product-category-cards-brick', {
  36.         type: 'product-category-cards-brick',
  37.         params: {
  38.             'product-category-cards-brick': {
  39.                 backgroundColor: '',
  40.                 containerClasses: 'container py-10 md:py-20',
  41.                 showTitle: true,
  42.                 defaultTitle: ('Aanbod {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?? page.title) }),
  43.                 fourColumns: true,
  44.                 productCategories: childCategoriesObjects
  45.             }
  46.         }
  47.     }) }}
  48. </div>
  50. {{ pimcore_area('text-and-links-brick-1', {
  51.     'type':'text-and-links-brick',
  52.     'params':{
  53.         'text-and-links-brick': {
  54.             brickBackgroundColor: 'bg-blue-200',
  55.             style: 'normal',
  56.         }
  57.     }
  58. }) }}
  60. {{ pimcore_area('content-brick-2', {
  61.     'type':'content-brick',
  62.     'params': {
  63.         'content-brick': {
  64.             'layout': 'text-image',
  65.             'brickBackgroundColor': 'bg-white',
  66.             'defaultInverted': true,
  67.         }
  68.     }
  69. }) }}
  71. <div id="applications-anchor">
  72.     {{ pimcore_area('unique-selling-point-brick-1', {
  73.         'type':'unique-selling-point-brick',
  74.         'params': {
  75.             'unique-selling-point-brick': {
  76.                 'brickBackgroundColor' : 'bg-blue-300',
  77.                 'defaultTitle': ('Toepassingen {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key) }),
  78.             }
  79.         }
  80.     }) }}
  81. </div>
  83. {{ pimcore_inc(document.getProperty('whyChooseCoolworldSnippet')) }}
  84. {{ pimcore_inc(document.getProperty('certificateSnippet')) }}
  86. <div id="projects-anchor">
  87.     {{ pimcore_area('projects-by-product-category-brick-1', {
  88.         'type':'projects-by-product-category-brick',
  89.         'params': {
  90.             'projects-by-product-category-brick': {
  91.                 'pages': pages,
  92.                 'defaultBackgroundColor' : 'bg-white',
  93.                 'defaultTitle': "Gerelateerde projecten"|trans,
  94.                 productCategory: productCategory
  95.             }
  96.         }
  97.     }) }}
  98. </div>
  100. {{ pimcore_area('content-brick-3', {
  101.     'type':'content-brick',
  102.     'params':{
  103.         'content-brick': {
  104.             'layout': 'text-image',
  105.             'defaultInverted': true,
  106.             'brickBackgroundColor':'bg-gray-200',
  107.         }
  108.     }
  109. }) }}
  111. {{ pimcore_area('content-brick-4', {
  112.     'type':'content-brick',
  113.     'params':{
  114.         'content-brick': {
  115.             'layout': 'text-below-text',
  116.             'whiteSpaceBottom': false,
  117.         }
  118.     }
  119. }) }}
  121. <div id="faq-anchor">
  122.     {{ pimcore_inc(document.getProperty('faqSnippet')) }}
  123. </div>