templates/siteBase/header.html.twig line 1

Open in your IDE?
  1. <body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
  2. <div class="preloader">
  3. </div>
  4. {#
  5. -- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
  6. -- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
  7. -- İletişim Linki : {{ iletisimLink }} kullanın.
  8. -- Logolar : {{ path('panel_storage',{'file':'beyazLogo.webp'}) }} kullanın. Logo sabit isimleri beyazLogo.webp, beyazbeyazLogo.webp, favicon.webp 'dir.
  9. -- Sosyal Ağlar : "sosyalAglar" adında bir dizide döndürülmektedir. Dizinin "adi, link, ikon" değişkenleri bulunuyor.
  10. -- Menüler : "menuler" adında bir dizide döndürülmektedir. Dizinin "adi, link, altmenuler[]" değişkenleri bulunuyor.
  11. #}
  12. {# Preloader #}
  13. <div class="preloader">
  14.     <div class="preloader-inner">
  15.         <span></span><span></span><span></span><span></span>
  16.     </div>
  17. </div>
  18. {# Scroll-top #}
  19. <button class="scroll__top scroll-to-target" data-target="html" type="button" aria-label="Yukarı çık">
  20.     <i class="fas fa-arrow-up" aria-hidden="true"></i>
  21. </button>
  22. {# Güvenli tel/mail href için küçük yardımcı değişkenler #}
  23. {% set telText = 'telefon'|site_iletisimBilgileri|html_entity_decode|raw %}
  24. {% set telHref = telText|striptags|trim|replace({' ': '', '-': '', '(': '', ')': ''}) %}
  25. {% set mailText = 'eposta'|site_iletisimBilgileri|html_entity_decode|raw %}
  26. {% set mailHref = mailText|striptags|trim %}
  27. <header class="transparent-header header__style-five">
  28.     {# Üst bar: adres / telefon / çalışma saati / sosyal ağlar #}
  29.     <div class="tg-header__top tg-header__top-five">
  30.         <div class="container">
  31.             <div class="row align-items-center gx-0">
  32.                 <div class="col-lg-6">
  33.                     <div class="tg-header__top-list tg-header__top-list-four tg-header__top-list-five">
  34.                         <ul class="list-wrap">
  35.                             {% set adres = 'adres'|site_iletisimBilgileri|html_entity_decode|raw %}
  36.                             {% if adres|striptags|trim is not empty %}
  37.                                 <li>
  38.                                     <i class="flaticon-pin"></i>
  39.                                     {{ adres|raw }}
  40.                                 </li>
  41.                             {% endif %}
  42.                             {% if telText|striptags|trim is not empty %}
  43.                                 <li>
  44.                                     <i class="flaticon-calling"></i>
  45.                                     <a href="tel:{{ telHref }}">{{ telText|raw }}</a>
  46.                                 </li>
  47.                             {% endif %}
  48.                         </ul>
  49.                     </div>
  50.                 </div>
  51.                 <div class="col-lg-6">
  52.                     <div class="tg-header__top-list tg-header__top-list-right tg-header__top-list-four tg-header__top-list-five">
  53.                         <ul class="list-wrap">
  54.                             {% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
  55.                                 <li>
  56.                                     <ul class="list-wrap tg-header__top-social">
  57.                                         {% for s in sosyalAglar %}
  58.                                             {% set sLink = s.link|default('') %}
  59.                                             {% if sLink is not empty %}
  60.                                                 <li>
  61.                                                     <a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
  62.                                                         {# ikon alanı SVG/HTML dönebileceği için raw basıyoruz; değilse class ise i ile gösterir #}
  63.                                                         {% if s.ikon is defined and s.ikon is not empty %}
  64.                                                             {% if '<' in s.ikon %}
  65.                                                                 {{ s.ikon|raw }}
  66.                                                             {% else %}
  67.                                                                 <i class="{{ s.ikon }}" aria-hidden="true"></i>
  68.                                                             {% endif %}
  69.                                                         {% else %}
  70.                                                             <span aria-hidden="true">•</span>
  71.                                                         {% endif %}
  72.                                                     </a>
  73.                                                 </li>
  74.                                             {% endif %}
  75.                                         {% endfor %}
  76.                                     </ul>
  77.                                 </li>
  78.                             {% endif %}
  79.                         </ul>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </div>
  84.     </div>
  85.     <div id="header-top-fixed"></div>
  86.     {# Ana header / menü #}
  87.     <div id="sticky-header" class="tg-header__area tg-header__area-five">
  88.         <div class="container">
  89.             <div class="row">
  90.                 <div class="col-12">
  91.                     <div class="tgmenu__wrap">
  92.                         <nav class="tgmenu__nav" aria-label="Ana menü">
  93.                             <div class="logo">
  94.                                 <a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
  95.                                     <img src="{{ path('panel_storage', {'file': 'beyazLogo.webp'}) }}" alt="Logo">
  96.                                 </a>
  97.                             </div>
  98.                             <div class="tgmenu__navbar-wrap tgmenu__main-menu d-none d-xl-flex">
  99.                                 <ul class="navigation">
  100.                                     {% if menuler is defined and menuler is iterable %}
  101.                                         {% for m in menuler %}
  102.                                             {% set hasChildren = m.altmenuler is defined and m.altmenuler is iterable and m.altmenuler|length > 0 %}
  103.                                             <li class="{{ hasChildren ? 'menu-item-has-children' : '' }}">
  104.                                                 <a href="{{ m.link|default('#') }}">{{ m.adi|default('Menü') }}</a>
  105.                                                 {% if hasChildren %}
  106.                                                     <ul class="sub-menu">
  107.                                                         {% for sm in m.altmenuler %}
  108.                                                             <li>
  109.                                                                 <a href="{{ sm.link|default('#') }}">{{ sm.adi|default('Alt Menü')|html_entity_decode|raw }}</a>
  110.                                                             </li>
  111.                                                         {% endfor %}
  112.                                                     </ul>
  113.                                                 {% endif %}
  114.                                             </li>
  115.                                         {% endfor %}
  116.                                     {% endif %}
  117.                                 </ul>
  118.                             </div>
  119.                             <div class="tgmenu__action">
  120.                                 <ul class="list-wrap">
  121.                                     {# İletişim butonu (template'teki 'Get a Quote' yerine) #}
  122.                                     {% if iletisimLink is defined and iletisimLink is not empty %}
  123.                                         <li class="header-btn">
  124.                                             <a href="{{ iletisimLink }}" class="tg-btn">Bize Ulaşın</a>
  125.                                         </li>
  126.                                     {% endif %}
  127.                                     <li class="offCanvas-menu">
  128.                                         <a href="#" class="menu-tigger" aria-label="Menü" role="button">
  129.                                             <svg width="35" height="20" viewBox="0 0 35 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  130.                                                 <rect x="0.594727" y="17.5" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  131.                                                 <rect x="0.594727" y="8.75" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  132.                                                 <rect x="0.594727" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  133.                                             </svg>
  134.                                         </a>
  135.                                     </li>
  136.                                 </ul>
  137.                             </div>
  138.                             <div class="mobile-nav-toggler"><i class="tg-flaticon-menu-1" aria-hidden="true"></i></div>
  139.                         </nav>
  140.                     </div>
  141.                 </div>
  142.             </div>
  143.         </div>
  144.     </div>
  145.     {# Mobile Menu #}
  146.     <div class="tgmobile__menu">
  147.         <nav class="tgmobile__menu-box" aria-label="Mobil menü">
  148.             <div class="close-btn"><i class="tg-flaticon-close-1" aria-hidden="true"></i></div>
  149.             <div class="nav-logo">
  150.                 <a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
  151.                     <img src="{{ path('panel_storage', {'file': 'beyazLogo.webp'}) }}" alt="Logo">
  152.                 </a>
  153.             </div>
  154.             <div class="tgmobile__menu-outer">
  155.             </div>
  156.             {% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
  157.                 <div class="social-links">
  158.                     <ul class="list-wrap">
  159.                         {% for s in sosyalAglar %}
  160.                             {% set sLink = s.link|default('') %}
  161.                             {% if sLink is not empty %}
  162.                                 <li>
  163.                                     <a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
  164.                                         {% if s.ikon is defined and s.ikon is not empty %}
  165.                                             {% if '<' in s.ikon %}
  166.                                                 {{ s.ikon|raw }}
  167.                                             {% else %}
  168.                                                 <i class="{{ s.ikon }}" aria-hidden="true"></i>
  169.                                             {% endif %}
  170.                                         {% else %}
  171.                                             <span aria-hidden="true">•</span>
  172.                                         {% endif %}
  173.                                     </a>
  174.                                 </li>
  175.                             {% endif %}
  176.                         {% endfor %}
  177.                     </ul>
  178.                 </div>
  179.             {% endif %}
  180.         </nav>
  181.     </div>
  182.     <div class="tgmobile__menu-backdrop"></div>
  183.     {# OffCanvas: sadeleştirildi (eski template'teki cart/search gibi bölümler temizlendi) #}
  184.     <div class="offCanvas__info">
  185.         <div class="offCanvas__close-icon menu-close">
  186.             <button type="button" aria-label="Kapat">
  187.                 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  188.                     <path d="M13 1L1 13M1 1L13 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  189.                 </svg>
  190.             </button>
  191.         </div>
  192.         <div class="offCanvas__logo mb-30">
  193.             <a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
  194.                 <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Logo" width="150px">
  195.             </a>
  196.         </div>
  197.         <div class="offCanvas__info-wrap mb-30">
  198.             <h2 class="offCanvas__title">İletişim Bilgileri</h2>
  199.             <div class="offCanvas__info-list">
  200.                 {% set adres = 'adres'|site_iletisimBilgileri|html_entity_decode|raw %}
  201.                 {% if adres|striptags|trim is not empty %}
  202.                     <div class="offCanvas__info-list-item">
  203.                         <div class="icon">
  204.                             <i class="flaticon-pin" aria-hidden="true"></i>
  205.                         </div>
  206.                         <p>{{ adres|raw }}</p>
  207.                     </div>
  208.                 {% endif %}
  209.                 {% if telText|striptags|trim is not empty %}
  210.                     <div class="offCanvas__info-list-item">
  211.                         <div class="icon">
  212.                             <i class="flaticon-calling" aria-hidden="true"></i>
  213.                         </div>
  214.                         <a href="tel:{{ telHref }}">{{ telText|raw }}</a>
  215.                     </div>
  216.                 {% endif %}
  217.                 {% if mailText|striptags|trim is not empty %}
  218.                     <div class="offCanvas__info-list-item">
  219.                         <div class="icon">
  220.                             <i class="flaticon-email" aria-hidden="true"></i>
  221.                         </div>
  222.                         <a href="mailto:{{ mailHref }}">{{ mailText|raw }}</a>
  223.                     </div>
  224.                 {% endif %}
  225.             </div>
  226.         </div>
  227.         {% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
  228.             <div class="offCanvas__social-wrap">
  229.                 <h2 class="offCanvas__title">Bizi takip edin</h2>
  230.                 <ul class="list-wrap">
  231.                     {% for s in sosyalAglar %}
  232.                         {% set sLink = s.link|default('') %}
  233.                         {% if sLink is not empty %}
  234.                             <li>
  235.                                 <a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
  236.                                     {% if s.ikon is defined and s.ikon is not empty %}
  237.                                         {% if '<' in s.ikon %}
  238.                                             {{ s.ikon|raw }}
  239.                                         {% else %}
  240.                                             <i class="{{ s.ikon }}" aria-hidden="true"></i>
  241.                                         {% endif %}
  242.                                     {% else %}
  243.                                         <span aria-hidden="true">•</span>
  244.                                     {% endif %}
  245.                                 </a>
  246.                             </li>
  247.                         {% endif %}
  248.                     {% endfor %}
  249.                 </ul>
  250.             </div>
  251.         {% endif %}
  252.     </div>
  253.     <div class="offCanvas__overly"></div>
  254. </header>
  255. <main class="main-area fix">