templates/areas/sticky-buttons/view.html.twig line 1

Open in your IDE?
  1. {% set contactPerson = pimcore_textarea('contactPerson') %}
  2. {# {% set mail = pimcore_checkbox('mail') %}
  3. {% set phone = pimcore_checkbox('phone') %} #}
  5. {% if editmode %}
  6.     <div class="edit-box">
  7.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  8.         <div class="flex gap-20">
  10.             <div class="content flex column gap-20">
  11.                 <div class="content-box flex gap-20">
  12.                     <div class="item">
  13.                         <p class="edit-p">Contact-person Anchor:</p>
  14.                         {{ contactPerson|raw }}
  15.                     </div>
  17.                     {# <div class="item">
  18.                         <p class="edit-p">Include mail:</p>
  19.                         {{ mail|raw }}
  20.                     </div>
  22.                     <div class="item">
  23.                         <p class="edit-p">Include phone:</p>
  24.                         {{ phone|raw }}
  25.                     </div> #}
  26.                 </div>
  27.             </div>
  29.         </div>
  30.     </div>
  31. {% endif %}
  34. <section class="sticky-buttons" {% if not pimcore_input('anchor').isEmpty() %}id="{{ pimcore_input('anchor').getData() }}"{% endif %}>
  35.     <div class="sticky-buttons__container">
  36.         {% if contactPerson.data %}
  37.             <div class="sticky-buttons-button">
  38.                 <a href="{{ app.request.uri }}#{{ contactPerson.data }}" class="sticky-buttons__label contact-person-button">
  39.                     <p>Kontakperson</p>
  40.                     <svg xmlns="http://www.w3.org/2000/svg" width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  41.                         <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(8 -7.146)">
  42.                             <path id="Path_4316" data-name="Path 4316" d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  43.                             <path id="Path_4317" data-name="Path 4317" d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  44.                         </g>
  45.                     </svg>
  46.                 </a>
  47.                 <a href="{{ app.request.uri }}#{{ contactPerson.data }}" class="sticky-buttons__button contact-person-button">
  48.                     <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22.898" height="27" viewBox="0 0 22.898 27">
  49.                         <defs>
  50.                             <clipPath id="clip-path">
  51.                             <rect id="Rectangle_426" data-name="Rectangle 426" width="22.898" height="27" transform="translate(0 -2)" fill="#fff"/>
  52.                             </clipPath>
  53.                         </defs>
  54.                         <g id="Group_10126" data-name="Group 10126" transform="translate(0 2)">
  55.                             <g id="Group_10125" data-name="Group 10125" transform="translate(0 0)" clip-path="url(#clip-path)">
  56.                             <path id="Path_4375" data-name="Path 4375" d="M22.913,14.076a7.038,7.038,0,1,0-7.038-7.038,7.046,7.046,0,0,0,7.038,7.038" transform="translate(-11.465 -1.076)" fill="#fff"/>
  57.                             <path id="Path_4376" data-name="Path 4376" d="M0,56.1v2.278a.42.42,0,0,0,.42.42H22.479a.419.419,0,0,0,.42-.42V56.1a11.486,11.486,0,0,0-4.671-9.221.42.42,0,0,0-.55.044,8.695,8.695,0,0,1-12.46,0,.419.419,0,0,0-.55-.044A11.481,11.481,0,0,0,0,56.1Z" transform="translate(0 -33.799)" fill="#fff"/>
  58.                             </g>
  59.                         </g>
  60.                     </svg>
  61.                 </a>
  62.             </div>
  63.         {% endif %}
  64.         <div class="sticky-buttons-button">
  65.             <a href="mailto:kontakt@hodelundpartner.ch" class="sticky-buttons__label mail-button">
  66.                 <p>kontakt@hodelundpartner.ch</p>
  67.                 <svg xmlns="http://www.w3.org/2000/svg" width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  68.                     <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(8 -7.146)">
  69.                         <path id="Path_4316" data-name="Path 4316" d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  70.                         <path id="Path_4317" data-name="Path 4317" d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  71.                     </g>
  72.                 </svg>
  73.             </a>
  74.             <a href="mailto:kontakt@hodelundpartner.ch" class="sticky-buttons__button">
  75.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="20" viewBox="0 0 25 20">
  76.                     <defs>
  77.                         <clipPath id="clip-path">
  78.                         <rect id="Rectangle_425" data-name="Rectangle 425" width="25" height="20" fill="#fff"/>
  79.                         </clipPath>
  80.                     </defs>
  81.                     <g id="Group_10124" data-name="Group 10124" transform="translate(0.202 2.312)">
  82.                         <g id="Group_10123" data-name="Group 10123" transform="translate(-0.202 -2.312)" clip-path="url(#clip-path)">
  83.                         <path id="Path_4371" data-name="Path 4371" d="M0,19.017V2.5L11.757,12.637a.881.881,0,0,0,1.15,0L24.663,2.5V19.017Z" transform="translate(0.168 0.526)" fill="#fff"/>
  84.                         <path id="Path_4372" data-name="Path 4372" d="M3.223-1H25.048L14.135,8.407Z" transform="translate(-1.636 2.093)" fill="#fff"/>
  85.                         </g>
  86.                     </g>
  87.                 </svg>
  88.             </a>
  89.         </div>
  91.         <div class="sticky-buttons-button">
  92.             <a href="tel:+41 41 250 75 50" class="sticky-buttons__label phone-button">
  93.                 <p>041 250 75 50</p>
  94.                 <svg xmlns="http://www.w3.org/2000/svg" width="15.735" height="10.709" viewBox="0 0 15.735 10.709">
  95.                     <g id="Icon_feather-arrow-right" data-name="Icon feather-arrow-right" transform="translate(8 -7.146)">
  96.                         <path id="Path_4316" data-name="Path 4316" d="M7.5,18h15" transform="translate(-15.5 -5.5)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="1"/>
  97.                         <path id="Path_4317" data-name="Path 4317" d="M18,7.5l5.026,5L18,17.5" transform="translate(-16.001 0)" fill="none" stroke="#fff" stroke-width="1"/>
  98.                     </g>
  99.                 </svg>
  100.             </a>
  101.             <a href="tel:+41 41 250 75 50" class="sticky-buttons__button">
  102.                 <svg height="26.002" viewBox="0 0 18.57 26.002" width="18.57" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  103.                     <clipPath id="a"><path d="m0 0h18.57v26.002h-18.57z"/></clipPath>
  104.                     <g clip-path="url(#a)">
  105.                         <path d="m5.11 0a1.187 1.187 0 0 0 -.581.15l-2.186 1.224a4.6 4.6 0 0 0 -2.143 5.339 48.49 48.49 0 0 0 4.008 9.4 48.522 48.522 0 0 0 5.855 8.3 4.632 4.632 0 0 0 5.708 1.023l2.187-1.221a1.195 1.195 0 0 0 .46-1.626l-2.23-4a1.2 1.2 0 0 0 -1.626-.462l-1.007.561a2.712 2.712 0 0 1 -3.176-.377 15.948 15.948 0 0 1 -4.809-8.605 2.72 2.72 0 0 1 1.347-2.912l1-.56a1.193 1.193 0 0 0 .462-1.626l-2.23-4a1.2 1.2 0 0 0 -1.043-.608z" fill="#fff"/>
  106.                     </g>
  107.                 </svg>
  108.             </a>
  109.         </div>
  111.     </div>
  112. </section>