templates/blocks/custom_title_blocks.html.twig line 1

Open in your IDE?
  1. {#
  2.     {
  3.         "key": "custom_title_blocks",
  4.         "category": "Framework",
  5.         "label": "Titel langszij content",
  6.         "description": "...",
  7.         "allowMove": false,
  8.         "blocks": [
  9.             {
  10.                 "key": "block-0",
  11.                 "size": 4,
  12.                 "buttons": true,
  13.                 "required": "none",
  14.                 "fields": [
  15.                     {
  16.                         "key": "title",
  17.                         "type": "text",
  18.                         "label": "Subtitel"
  19.                     },
  20.                     {
  21.                         "key": "title2",
  22.                         "type": "textarea",
  23.                         "label": "Titel"
  24.                     },
  25.                     {
  26.                         "key": "text",
  27.                         "type": "textarea",
  28.                         "label": "Tekst"
  29.                     }
  30.                 ]
  31.             },
  32.             {
  33.                 "key": "block-1",
  34.                 "size": 8,
  35.                 "buttons": true,
  36.                 "contained": "right",
  37.                 "required": "media",
  38.                 "fields": [
  39.                     {
  40.                         "key": "title",
  41.                         "type": "text",
  42.                         "label": "Titel"
  43.                     },
  44.                     {
  45.                         "key": "text",
  46.                         "type": "textarea",
  47.                         "label": "Tekst"
  48.                     }
  49.                 ]
  50.             }
  51.         ]
  52.     }
  53. #}
  55. <section
  56.   class="text-blocks {{wrapper.cssClass is defined ? wrapper.cssClass : ''}}"
  57.   id="{{wrapper.cssId is defined ? wrapper.cssId : ''}}"
  58.   style="{% if wrapper.bgColor %}background-color: {{wrapper.bgColor}};{% endif %}"
  59. >
  60.   <div class="container">
  61.     <div class="row">
  62.       <div class="col-sm-12 col-lg-4">
  63.         <div class="titles">
  64.           {% if firstBlock.config.title %}
  65.             <h3>{{firstBlock.config.title}}</h3>
  66.           {% endif %}
  68.           {% if firstBlock.config.title2 %}
  69.           <div class="maintitle">
  70.             {{firstBlock.config.title2|raw}}
  71.           </div>
  72.           {% endif %}
  74.           {% if firstBlock.config.text %}
  75.           <div class="content">
  76.             {{firstBlock.config.text|raw}}
  77.           </div>
  78.           {% endif %}
  80.           {% if firstBlock.config.buttons is defined %}
  81.             <div class="btns d-none d-lg-block">
  82.               {% for button in firstBlock.config.buttons %}
  83.                 <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="btn btn-blank {{button.class}}">
  84.                   {{button.label}}
  85.                 </a>
  86.               {% endfor %}
  87.             </div>
  88.           {% endif %}
  89.         </div>
  90.       </div>
  92.       <div class="col-sm-12 col-lg-8">
  93.         {% if blocks[1] is iterable %}
  95.           <div class="block">
  96.             <div class="content">
  97.               {% if wrapper.blocks[1].config.title is not empty %}
  98.                 <h3>{{wrapper.blocks[1].config.title|raw}}</h3>
  99.               {% endif %}
  101.               {{wrapper.blocks[1].config.text|raw}}
  103.               {% if wrapper.blocks[1].config.buttons is defined %}
  104.                 {% for button in wrapper.blocks[1].config.buttons %}
  105.                   <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="{{button.class}}">
  106.                     {{button.label}}
  107.                     <i class="fa fa-angle-right"></i>
  108.                   </a>
  109.                 {% endfor %}
  110.               {% endif %}
  111.             </div>
  112.           </div>
  114.         {% else %}
  116.           {% if 'contained:' in blocks[1] %}
  117.             {% set containmentKey = (blocks[1] | replace({'contained:': ''})) %}
  118.             {% if containments[containmentKey] is iterable %}
  119.               {% for cBlock in containments[containmentKey] %}
  120.                 <div class="block">
  121.                   <div class="content">
  122.                     {% if cBlock.media is not empty %}
  123.                     <div class="row text-center text-lg-start">
  124.                       <div class="col-12 col-lg-3">
  125.                         <div class="image mb-3 mb-lg-0">
  126.                           <img src="/{{cBlock.media.getWebPath}}"/>
  127.                         </div>
  128.                       </div>
  129.                       <div class="col-12 col-lg-9">
  130.                       {% endif %}
  132.                         {% if cBlock.config.title is not empty %}
  133.                           <h3>{{cBlock.config.title|raw}}</h3>
  134.                         {% endif %}
  136.                         {{cBlock.config.text|raw}}
  138.                       {% if cBlock.media is not empty %}
  139.                       </div>
  140.                     </div>
  141.                     {% endif %}
  143.                     {% if cBlock.config.buttons is defined %}
  144.                       {% for button in cBlock.config.buttons %}
  145.                         <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="{{button.class}}">
  146.                           {{button.label}}
  147.                           <i class="fa fa-angle-right"></i>
  148.                         </a>
  149.                       {% endfor %}
  150.                     {% endif %}
  151.                   </div>
  152.                 </div>
  153.               {% endfor %}
  154.             {% endif %}
  156.           {% else %}
  157.             {# Something strange happened #}
  158.           {% endif %}
  159.         {% endif %}
  161.       </div>
  162.     </div>
  164.     {% if firstBlock.config.buttons is defined %}
  165.       <div class="btns text-center d-lg-none">
  166.         {% for button in firstBlock.config.buttons %}
  167.           <a href="{{button.url}}" {% if button.target is defined and button.target != "null" %} target="{{button.target}}" {% endif %} class="btn btn-blank {{button.class}}">
  168.             {{button.label}}
  169.           </a>
  170.         {% endfor %}
  171.       </div>
  172.     {% endif %}
  173.   </div>
  174. </section>