templates/product_category/layouts/_sub.html.twig line 1

Open in your IDE?
  1. {% set breadcrumbs = [] %}
  3. {% if childCategoriesObjects is defined and childCategoriesObjects|length == 0 %}
  4.     {% set breadcrumbs = breadcrumbs | merge([{
  5.         "title": "Producten"|trans,
  6.         "anchor" :  "table-anchor"|trans
  7.     }]) %}
  8. {% endif %}
  10. {% if childCategoriesObjects is defined and childCategoriesObjects|length > 0 %}
  11.     {% set breadcrumbs = breadcrumbs | merge([{
  12.         'title':  "Aanbod"|trans,
  13.         'anchor' :  "products-anchor"|trans
  14.     }]) %}
  15. {% endif %}
  17. {% set breadcrumbs = breadcrumbs | merge([{
  18.     'title':  "Toepassingen"|trans,
  19.     'anchor' :  "applications-anchor"|trans
  20. }]) %}
  22. {% set breadcrumbs = breadcrumbs | merge([{
  23.     'title' :  "Werking en accessoires"|trans,
  24.     'anchor' :  "method-and-acccessoires-anchor"|trans
  25. }]) %}
  27. {% set breadcrumbs = breadcrumbs | merge([{
  28.     'title' :  "Gebruik"|trans,
  29.     'anchor' :  "usage-anchor"|trans
  30. }]) %}
  32. {% set breadcrumbs = breadcrumbs | merge([{
  33.     'title' :  "Veelgestelde vragen"|trans,
  34.     'anchor' :  "faq-anchor"|trans
  35. }]) %}
  37. {{ pimcore_area('content-brick-1', {
  38.     'type':'content-brick',
  39.     'params':{
  40.         'content-brick': {
  41.             'containerClasses': 'md:py-20',
  42.             'productCategory': productCategory,
  43.             'forceH1' : true,
  44.             'defaultLayout': 'text-gallery',
  45.             'defaultBackgroundColor':'bg-white',
  46.             'defaultInverted': true,
  47.             'defaultTitle' : productCategory.title ?? page.title,
  48.             'defaultHeadline' : productCategory.subtitle ?? null,
  49.             'defaultWysiwyg' : productCategory.desc ?? page.description,
  50.             'defaultGalleryItems' : productCategory.mediaGalleryItems is defined and (productCategory.mediaGalleryItems|length) > 1 ? (productCategory.mediaGalleryItems | slice(1, 4)) : null,
  51.             'defaultSecondaryLink' : childCategoriesObjects is defined and childCategoriesObjects|length == 0 ? {
  52.                 'title': 'Bekijk de {{ productCategory }}' | trans({ '{{ productCategory }}': (productCategory.name ?? page.title) }),
  53.                 'link': "#table-anchor",
  54.                 'target': "",
  55.             } : false
  56.         }
  57.     }
  58. }) }}
  60. {{ pimcore_area('features', {
  61.     'type':'features-brick',
  62.     'params':{
  63.         'features-brick': {
  64.             'brickBackgroundColor': 'bg-white',
  65.             'productCategory': productCategory
  66.         }
  67.     }
  68. }) }}
  70. {% if childCategoriesObjects is defined and childCategoriesObjects|length == 0 %}
  71.     {# See params above in content-brick-1 -> params -> defaultSecondaryLink -> link = #table-anchor, also breadcrumbs #}
  72.     <div id="table-anchor">
  73.         {{ pimcore_area('product-table-brick-1',{
  74.             'type':'product-table-brick',
  75.             'params': {
  76.                 'product-table-brick': {
  77.                     'defaultTitle': ('{{ productCategory }} huren') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key) }),
  78.                     'productCategory': productCategory
  79.                 }
  80.             }
  81.         }) }}
  82.     </div>
  83. {% endif %}
  85. {% if childCategoriesObjects is defined and childCategoriesObjects|length > 0 %}
  86.     <div id="products-anchor">
  87.         {{ pimcore_area('product-category-cards-brick', {
  88.             type: 'product-category-cards-brick',
  89.             params: {
  90.                 'product-category-cards-brick': {
  91.                     showTitle: true,
  92.                     defaultTitle: ('Aanbod {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?? page.title) }),
  93.                     fourColumns: false,
  94.                     productCategories: childCategoriesObjects
  95.                 }
  96.             }
  97.         }) }}
  99.         {{ pimcore_area('text-and-links-brick-1', {
  100.             'type':'text-and-links-brick',
  101.             'params':{
  102.                 'text-and-links-brick': {
  103.                     style: 'normal',
  104.                 }
  105.             }
  106.         }) }}
  107.     </div>
  108. {% endif %}
  110. <div id="applications-anchor">
  111.     {{ pimcore_area('unique-selling-point-brick-1', {
  112.         'type':'unique-selling-point-brick',
  113.         'params': {
  114.             'unique-selling-point-brick': {
  115.                 'brickBackgroundColor' : 'bg-blue-300',
  116.                 'defaultTitle': ('Toepassingen {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key) }),
  117.             }
  118.         }
  119.     }) }}
  120. </div>
  122. <div id="method-and-acccessoires-anchor">
  123.     {{ pimcore_area('content-brick-2', {
  124.         'type':'content-brick',
  125.         'params': {
  126.             'content-brick': {
  127.                 'layout': 'text-usps',
  128.                 'uspsActive' : true,
  129.                 'brickBackgroundColor': 'bg-gray-200',
  130.                 'defaultTitle': ('Werking en accessoires {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key) }),
  131.             }
  132.         }
  133.     }) }}
  134. </div>
  136. {{ pimcore_area("testimonial-brick-1", {
  137.     'type' : "testimonial-brick" })
  138. }}
  140. {{ pimcore_area('product-category-cards-brick-1', {
  141.     'type':'product-category-cards-brick',
  142.     'params':{
  143.         'product-category-cards-brick': {
  144.             'defaultTitle': ('Alternatieven voor {{ productCategory }}') | trans({'{{ productCategory }}': (productCategory.name ?: productCategory.key) }),
  145.             'brickBackgroundColor' : 'bg-blue-200',
  146.             'defaultBackgroundColor' : 'bg-blue-200',
  147.         }
  148.     }
  149. }) }}
  151. {{ pimcore_area('content-brick-3', {
  152.     'type':'content-brick',
  153.     'params':{
  154.         'content-brick': {
  155.             'layout': 'text-image',
  156.         }
  157.     }
  158. }) }}
  160. <div id="usage-anchor">
  161.     {{ pimcore_area('content-brick-4', {
  162.         'type':'content-brick',
  163.         'params':{
  164.             'content-brick': {
  165.                 'layout': 'text-image',
  166.                 'whiteSpaceBottom': false,
  167.                 'defaultInverted': true,
  168.             }
  169.         }
  170.     }) }}
  171. </div>
  173. <div id="faq-anchor">
  174.     {{ pimcore_inc(document.getProperty('faqSnippet')) }}
  175. </div>