templates/content/headerNav.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {% block scripts %}
  3.         {{ encore_entry_script_tags('app') }}
  4.     {% endblock %}
  5.     {% block stylesheets %}
  6.         {{ encore_entry_link_tags('style') }}
  7.     {% endblock %}
  8.     {% block head_links %}
  9.         {{ pimcore_head_link() }}
  10.     {% endblock %}
  11.     <div class="m-5 shadow-card bg-gray-100 p-5">
  12.         <h3>Social Media Links</h3>
  13.         <div class="grid grid-cols-2 gap-5">
  14.             {% for i in pimcore_iterate_block(pimcore_block('nav-one')) %}
  15.                 <div class="flest items-center justify-start gap-5">
  16.                     <div>
  17.                         {{ pimcore_link('link-' ~ i) }}
  18.                     </div>
  19.                     <div>
  20.                         {{ pimcore_image('icon-' ~ i) }}
  21.                     </div>
  22.                 </div>
  23.             {% endfor %}
  24.         </div>
  25.         <p>
  26.             Facebook {{ pimcore_input('facebook', {
  27.                 width: 400,
  28.                 placeholder: 'facebook url'
  29.             }) }}
  30.         </p>
  31.         <p>
  32.             Instagram {{ pimcore_input('instagram', {
  33.                 width: 400,
  34.                 placeholder: 'instagram url'
  35.             }) }}
  36.         </p>
  37.         <p>
  38.             Youtube {{ pimcore_input('youtube', {
  39.                 width: 400,
  40.                 placeholder: 'youtube url'
  41.             }) }}
  42.         </p>
  43.         <p>
  44.             TikTok {{ pimcore_input('tiktok', {
  45.                 width: 400,
  46.                 placeholder: 'tiktok url'
  47.             }) }}
  48.         </p>
  49.         <p>
  50.             WhatsApp {{ pimcore_input('whatsapp', {
  51.                 width: 400,
  52.                 placeholder: 'whatsapp nummer'
  53.             }) }}
  54.         </p>
  55.         <p>
  56.             Mastodon {{ pimcore_input('mastodon', {
  57.                 width: 400,
  58.                 placeholder: 'mastodon url'
  59.             }) }}
  60.         </p>
  61.     </div>
  62.     <br>
  63.     <br>
  64. {% else %}
  65.     <div class="z-10 flex relative items-center justify-between md:justify-end px-5 md:px-0">
  66.         {% for i in pimcore_iterate_block(pimcore_block('nav-one')) %}
  67.             <div class="flex-column">
  68.                 {{ pimcore_link('nav-one-item' ~ i, { 'class': 'text-xs text-dark nav-main' }) }}
  69.             </div>
  70.         {% endfor %}
  71.         <div class="flex-column justify-end pl-5 pr-5 md:pr-0 text-ellipsis flex items-center gap-5 md:gap-2">
  72.             {% if pimcore_input('whatsapp') | length %}<div class="text-sm pr-3 hidden md:block"><b>WhatsApp</b> {{ pimcore_input('whatsapp') }}</div>{% endif %}
  73.             {% if pimcore_input('facebook') | length %}<a href="{{ pimcore_input('facebook') }}" target="_blank" class="inline-block hover:text-blue-light transition-all"><i class="icon-facebook"></i></a>{% endif %}
  74.             {% if pimcore_input('instagram') | length %}<a href="{{ pimcore_input('instagram') }}" target="_blank" class="inline-block hover:text-blue-light transition-all"><i class="icon-instagram"></i></a>{% endif %}
  75.             {% if pimcore_input('youtube') | length %}<a href="{{ pimcore_input('youtube') }}" target="_blank" class="inline-block hover:text-blue-light transition-all"><i class="icon-youtube"></i></a>{% endif %}
  76.             {% if pimcore_input('tiktok') | length %}<a href="{{ pimcore_input('tiktok') }}" target="_blank" class="inline-block hover:text-blue-light transition-all"><i class="icon-tiktok"></i></a>{% endif %}
  77.             {% if pimcore_input('mastodon') | length %}<a href="{{ pimcore_input('mastodon') }}" rel="me" target="_blank" class="inline-block hover:text-blue-light transition-all"><i class="icon-mastodon"></i></a>{% endif %}
  78.         </div>
  79.         <div class="flex-column pl-5">
  80.             <a href="#" onclick="window.openPlayer()" class="hover:text-white hover:bg-slate-600 transition-all block pl-3 pr-2 py-1 bg-blue-light text-white rounded-lg text-sm">
  81.                 <div class="flex justify-start items-center text-white">
  82.                     <div class="flex-auto font-bold ">
  83.                         Jetzt live hören
  84.                     </div>
  85.                     <div class="flex-auto pl-3" style="line-height: 1em;">
  86.                         <i class="icon-play text-2xl"></i>
  87.                     </div>
  88.                 </div>
  89.             </a>
  90.         </div>
  91.     </div>
  92. {% endif %}