templates/areas/iconbox/view.html.twig line 1

Open in your IDE?
  1. {% if prefix is not defined %}
  2.     {% set prefix = null %}
  3. {% endif %}
  5. {% if editmode %}
  6.     <div class="editmode">
  7.         <div class="title">
  8.             Icon Boxen
  9.         </div>
  10.         <div class="options">
  11.             <label>
  12.                 Blöcke in einer Reihe:<br/>
  13.                 {{ pimcore_select(prefix ~ '_brick_iconbox_option_itemscount', {
  14.                     'store': [
  15.                         ['4', '3 Stück'],
  16.                         ['3', '4 Stück'],
  17.                     ],
  18.                     'defaultValue' : '4'
  19.                 }) }}
  20.             </label>
  21.             <label>
  22.                 Box Stil<br/>
  23.                 {{ pimcore_select(prefix ~ '_brick_iconbox_option_style', {
  24.                     'store': [
  25.                         ['default', 'Standard'],
  26.                         ['border', 'Hover Umrahmung'],
  27.                         ['center', 'Zentriert'],
  28.                         ['process', 'Rahmen'],
  29.                         ['icon-bg', 'Hintergrund'],
  30.                     ],
  31.                     'defaultValue' : 'default'
  32.                 }) }}
  33.             </label>
  34.             <label>
  35.                 Abstand unten<br/>
  36.                 {{ pimcore_select(prefix ~ '_brick_iconbox_section_padding_bottom', {
  37.                     'store': [
  38.                         ['default', 'normal'],
  39.                         ['p-b-0', 'kein'],
  40.                         ['p-b-150', 'groß'],
  41.                     ],
  42.                     'defaultValue' : 'default'
  43.                 }) }}
  44.             </label>
  45.             <label>
  46.                 Abstand oben<br/>
  47.                 {{ pimcore_select(prefix ~ '_brick_iconbox_section_padding_top', {
  48.                     'store': [
  49.                         ['default', 'normal'],
  50.                         ['p-t-0', 'kein'],
  51.                         ['p-t-150', 'groß'],
  52.                     ],
  53.                     'defaultValue' : 'default'
  54.                 }) }}
  55.             </label>
  56.         </div>
  57.         <div class="content">
  58.             {% for i in pimcore_block(prefix ~ '_brick_iconbox_block').iterator %}
  59.                 {{ pimcore_input(prefix ~ '_brick_iconbox_icon', {'placeholder':'Icon'}) }}
  60.                 {{ pimcore_input(prefix ~ '_brick_iconbox_headline', {'placeholder':'Box Titel'}) }}
  61.                 {{ pimcore_textarea(prefix ~ '_brick_iconbox_copy', {'placeholder':'Fließtext','height':100}) }}
  62.                 {{ pimcore_link(prefix ~ '_brick_iconbox_link') }}
  63.             {% endfor %}
  64.         </div>
  65.     </div>
  66. {% else %}
  67.     {% set itemsCount = pimcore_select(prefix ~ '_brick_iconbox_option_itemscount').getData() %}
  68.     {% set boxStyle = pimcore_select(prefix ~ '_brick_iconbox_option_style').getData() %}
  69.     {% set paddingBottom = pimcore_select(prefix ~ '_brick_iconbox_section_padding_bottom').getData() %}
  70.     {% set paddingTop = pimcore_select(prefix ~ '_brick_iconbox_section_padding_top').getData() %}
  72.     {% if boxStyle == 'default' %}
  73.         {% set classMain = 'clean' %}
  74.     {% elseif boxStyle == 'process' %}
  75.         {% set classMain = 'process text-center' %}
  76.     {% elseif boxStyle == 'icon-bg' %}
  77.         {% set classMain = 'fancy' %}
  78.     {% elseif boxStyle == 'center' %}
  79.         {% set classMain = 'text-center' %}
  80.     {% else %}
  81.         {% set classMain = 'boxStyle' %}
  82.     {% endif %}
  84.     <section class="brick_iconbox {{ paddingBottom }} {{ paddingTop }}">
  85.         <div class="container">
  86.             <div class="row">
  87.                 {% for i in pimcore_block(prefix ~ '_brick_iconbox_block').iterator %}
  88.                     <div class="col-md-{{ itemsCount }} col-12">
  89.                         <div class="icon-box effect medium {{ classMain }}">
  90.                             {% if not pimcore_input(prefix ~ '_brick_iconbox_icon').isEmpty() %}
  91.                                 <div class="icon">
  92.                                     <i class="{{ pimcore_input(prefix ~ '_brick_iconbox_icon') }}"></i>
  93.                                 </div>
  94.                             {% endif %}
  95.                             {% if not pimcore_input(prefix ~ '_brick_iconbox_headline').isEmpty() %}
  96.                                 <h3>{{ pimcore_input(prefix ~ '_brick_iconbox_headline') }}</h3>
  97.                             {% endif %}
  98.                             {% if not pimcore_textarea(prefix ~ '_brick_iconbox_copy').isEmpty() %}
  99.                                 <p>{{ pimcore_textarea(prefix ~ '_brick_iconbox_copy') }}</p>
  100.                             {% endif %}
  102.                             {% if not pimcore_link(prefix ~ '_brick_iconbox_link').isEmpty() %}
  103.                                 <p>
  104.                                     <a href="{{ pimcore_link(prefix ~ '_brick_iconbox_link').getHref() }}"
  105.                                        class="mt-2 btn btn-light {{ pimcore_link(prefix ~ '_brick_iconbox_link').getClass() }}"
  106.                                        target="{{ pimcore_link(prefix ~ '_brick_iconbox_link').getTarget() }}">
  107.                                         {{ pimcore_link(prefix ~ '_brick_iconbox_link').getText() }}
  108.                                     </a>
  109.                                 </p>
  110.                             {% endif %}
  111.                         </div>
  112.                     </div>
  113.                 {% endfor %}
  114.             </div>
  115.         </div>
  116.     </section>
  117. {% endif %}