templates/sector/single.html.twig line 1

Open in your IDE?
  1. {% extends 'app/layout.html.twig' %}
  3. {% block content %}
  5.     {% if editmode %}
  6.         Selecteer hieronder een sector.
  7.         {{ pimcore_relation("sector", {
  8.             "types": ["object"],
  9.             "classes": ["Sector"]
  10.         }) }}
  11.     {% endif %}
  13.     {% include "app/partials/navigation/_breadcrumbs.html.twig" %}
  15.     {#
  16.     Note area name 'content-brick-1' is used in @see templates/sector/_card.html.twig
  17.     and in @see templates/sector/partials/breadcrumbs/breadcrumbs.html.twig
  18.     #}
  20.     {{ pimcore_area('content-brick-1', {
  21.         'type':'content-brick',
  22.         'params':{
  23.             'content-brick': {
  24.                 'forceH1' : true,
  25.                 'defaultLayout': 'text-image',
  26.                 'defaultBackgroundColor':'bg-blue-200',
  27.                 'defaultInverted': false,
  28.                 "defaultHeadline" : sector.branchename ?? null,
  29.                 "defaultTitle" : sector.title ?? null,
  30.                 "defaultWysiwyg" : sector.description ?? null,
  31.                 'overrideIcon' : sector.icon ?? null,
  32.                 "overrideImage" : sector.visuals.items[0] ?? null,
  33.                 'preHeadlineIconActive' : true,
  34.                 'defaultpreHeadlineIconActive' : true,
  35.                 'defaultPrimaryLink' : {
  36.                     'title' : "Advies aanvragen"|trans,
  37.                     'link': document.getProperty('contactPage').url() ?? null,
  38.                     'target': "",
  39.                 },
  40.                 'defaultSecondaryLink' : {
  41.                     'title' : "Bekijk de oplossingen"|trans,
  42.                     'link': "#related-product-anchor",
  43.                     'target': "",
  44.                 }
  45.             }
  46.         }
  47.     }) }}
  49.     {{ pimcore_area("sector-cards", {
  50.         'type' : "sector-cards-brick",
  51.         'params':{
  52.             'sector-cards-brick': {
  53.                 'defaultBackgroundColor':'md:bg-blue-200',
  54.                 'defaultSecondBackgroundColor':'md:bg-blue-300',
  55.                 'defaultSecondBackgroundPosition':'bottom-0',
  56.                 'style': 'images'
  57.             }
  58.         }
  59.     }) }}
  61.     <div id="applications-anchor">
  62.         {{ pimcore_area('unique-selling-point-brick-1', {
  63.             'type':'unique-selling-point-brick',
  64.             'params': {
  65.                 'unique-selling-point-brick': {
  66.                     'brickBackgroundColor' : 'bg-blue-300',
  67.                     'defaultBackgroundColor' : 'bg-blue-300',
  68.                     'defaultTitle': ('Toepassingen {{ sector }}') | trans({'{{ sector }}': sector.branchename }),
  69.                 }
  70.             }
  71.         }) }}
  72.     </div>
  74.     <div id="solutions-anchor">
  75.         {{ pimcore_area('content-brick-2', {
  76.             'type':'content-brick',
  77.             'params':{
  78.                 'content-brick': {
  79.                     'layout': 'text-below-text',
  80.                     'defaultLayout': "text-below-text",
  81.                     'defaultBackgroundColor':'bg-white',
  82.                     'defaultTitle': ('Oplossingen {{ sector }}') | trans({'{{ sector }}': sector.branchename }),
  83.                 }
  84.             }
  85.         }) }}
  86.     </div>
  88.     {{ pimcore_area("media-brick-multiple", { 'type' : "media-brick" }) }}
  90.     {{ pimcore_area("testimonial-brick", {
  91.         type: "testimonial-brick"
  92.     }) }}
  94.     {{ pimcore_area('content-brick-3', {
  95.         'type':'content-brick',
  96.         'params':{
  97.             'content-brick': {
  98.                 'layout': 'text-image',
  99.                 'defaultLayout': 'text-image',
  100.                 'defaultBackgroundColor':'bg-white',
  101.                 'defaultInverted': true,
  102.                 'uspsActive' : true,
  103.                 'defaultUspsActive' : true,
  104.             }
  105.         }
  106.     }) }}
  108.     {{ pimcore_inc(document.getProperty('textAndLinksSnippet')) }}
  110.     <div id="certificates-anchor">
  111.         {{ pimcore_inc(document.getProperty('certificateSnippet')) }}
  112.     </div>
  114.     {{ pimcore_area("sector-cards-2", {
  115.         'type' : "sector-cards-brick",
  116.         'params':{
  117.             'sector-cards-brick': {
  118.                 'defaultTitle': "Oplossingen voor aanverwante sectoren"|trans,
  119.                 'defaultBackgroundColor':'bg-blue-200',
  120.                 'defaultSecondBackgroundColor':'bg-blue-300',
  121.                 'defaultSecondBackgroundPosition':'bottom-0',
  122.                 'style': 'icons'
  123.             }
  124.         }
  125.     }) }}
  127.     <div id="related-items-anchor">
  128.         {{ pimcore_area('related-projects', {
  129.             'type': 'projects-card-slider-brick',
  130.             'params': {
  131.                 'projects-card-slider-brick' : {
  132.                     'defaultTitle' : "Gerelateerde items"|trans,
  133.                     'projects': sector.projects ?? null,
  134.                     'projectsLimit': 3,
  135.                     'labelOverride': 'Project' | trans
  136.                 }
  137.             }
  138.         }) }}
  139.     </div>
  141.     <div id="related-product-anchor">
  142.         {{ pimcore_area('product-category-cards-brick', {
  143.             type: 'product-category-cards-brick',
  144.             params: {
  145.                 'product-category-cards-brick': {
  146.                     'brickBackgroundColor': 'bg-blue-200',
  147.                     'containerClasses': 'container py-10 md:py-20',
  148.                     'showTitle': true,
  149.                     'defaultTitle' : "Gerelateerde producten"|trans,
  150.                     'fourColumns': false
  151.                 }
  152.             }
  153.         }) }}
  154.     </div>
  156.     <div id="faq-anchor">
  157.         {{ pimcore_inc(document.getProperty('faqSnippet')) }}
  158.     </div>
  160.     {{ pimcore_area('contact-side-widget', {
  161.         type: 'contact-side-widget-brick'
  162.     }) }}
  164. {% endblock %}