templates/areas/call-to-action/view.html.twig line 1

Open in your IDE?
  1. {# settings #}
  2. {% extends ('areas_shared/settings.html.twig') %}
  4. {% block content %}
  6.     {# default margin #}
  7.     {% if marginBottom.isEmpty() %}
  8.         {% do marginBottom.setDataFromResource('full-margin-bottom') %}
  9.     {% endif %}
  11.     {# default background color #}
  12.     {% if backgroundColor.isEmpty() %}
  13.         {% do backgroundColor.setDataFromResource('background-white') %}
  14.     {% endif %}
  16.     {# title #}
  17.     {% set title = pimcore_textarea('title', {
  18.         'placeholder': 'Titel',
  19.         'nl2br': true
  20.     }) %}
  22.     {# link #}
  23.     {% set link = pimcore_link('link') %}
  25.     {# editmode #}
  26.     {% if editmode %}
  27.         <div class="editmode">
  28.             <div class="accordion-container">
  29.                 <div class="accordion-button">
  30.                     <span class="accordion-button-text">Call To Action</span>
  31.                     {{ include('svg/editmode/setting.html.twig') }}
  32.                 </div>
  33.                 <div class="panel">
  34.                     <div class="settings-container">
  35.                         
  36.                         <div class="setting input">
  37.                             <label>Anker:</label>
  38.                             {{ anchor|raw }}
  39.                         </div>
  41.                         {# <div class="setting select">
  42.                             <label>Abstand unten:</label>
  43.                             {{ marginBottom|raw }}
  44.                         </div> #}
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         </div>
  50.     {% endif %}
  52.     <div class="call-to-action-brick brick-container {{ backgroundColor.data }} {# {{ marginBottom.data }}  #}{% if editmode %}cta-editmode{% endif %}">
  54.         {# anchor #}
  55.         {% if anchor.data %}
  56.             <div class="anchor" id="{{ anchor.data }}"></div>
  57.         {% endif %}
  59.         <div class="container-2500 no-padding">
  61.             <div class="top">
  62.                 {{ include('svg/call-to-action/top.html.twig') }}
  63.             </div>
  65.             <div class="content">
  66.                 <div class="space">
  67.                 
  68.                     {% if editmode or title.data %}
  69.                         <div class="title">
  70.                             <p>
  71.                                 {{ title|raw }}
  72.                             </p>
  73.                         </div>
  74.                     {% endif %}
  76.                     {# link #}
  77.                     {% if editmode %}
  78.                         <div class="link-editmode">
  79.                             {{ link|raw }}
  80.                         </div>
  81.                     {% elseif link.href() %}
  82.                         {% if link.target %}    
  83.                             {% set target = 'target="' ~ link.target ~ '"' %}
  84.                         {% else %}
  85.                             {% set target = '' %}
  86.                         {% endif %}
  88.                         <div class="link">
  89.                             <a class="button white-to-darkblue" href="{{ link.href }}" {{ target|raw }}>
  91.                                 {{ include('layout/components/button.html.twig') }}
  93.                                 <div class="button-text">
  94.                                     <span>{{ link.text }}</span>
  95.                                 </div>
  97.                             </a>
  98.                         </div>
  100.                     {% endif %}
  102.                 </div>
  103.             </div>
  105.             <div class="bottom">
  106.                 {{ include('svg/call-to-action/bottom.html.twig') }}
  107.             </div>
  109.         </div>
  110.     </div>
  112. {% endblock %}