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':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.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': 'logo.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.                                     {# İletişim menüsü sabit istenirse #}
  118.                                     {% if iletisimLink is defined and iletisimLink is not empty %}
  119.                                         <li class="d-none d-xxl-block">
  120.                                             <a href="{{ iletisimLink }}">İletişim</a>
  121.                                         </li>
  122.                                     {% endif %}
  123.                                 </ul>
  124.                             </div>
  125.                             <div class="tgmenu__action">
  126.                                 <ul class="list-wrap">
  127.                                     {# İletişim butonu (template'teki 'Get a Quote' yerine) #}
  128.                                     {% if iletisimLink is defined and iletisimLink is not empty %}
  129.                                         <li class="header-btn">
  130.                                             <a href="{{ iletisimLink }}" class="tg-btn">Bize Ulaşın</a>
  131.                                         </li>
  132.                                     {% endif %}
  133.                                     <li class="offCanvas-menu">
  134.                                         <a href="#" class="menu-tigger" aria-label="Menü" role="button">
  135.                                             <svg width="35" height="20" viewBox="0 0 35 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  136.                                                 <rect x="0.594727" y="17.5" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  137.                                                 <rect x="0.594727" y="8.75" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  138.                                                 <rect x="0.594727" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
  139.                                             </svg>
  140.                                         </a>
  141.                                     </li>
  142.                                 </ul>
  143.                             </div>
  144.                             <div class="mobile-nav-toggler"><i class="tg-flaticon-menu-1" aria-hidden="true"></i></div>
  145.                         </nav>
  146.                     </div>
  147.                 </div>
  148.             </div>
  149.         </div>
  150.     </div>
  151.     {# Mobile Menu #}
  152.     <div class="tgmobile__menu">
  153.         <nav class="tgmobile__menu-box" aria-label="Mobil menü">
  154.             <div class="close-btn"><i class="tg-flaticon-close-1" aria-hidden="true"></i></div>
  155.             <div class="nav-logo">
  156.                 <a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
  157.                     <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Logo">
  158.                 </a>
  159.             </div>
  160.             <div class="tgmobile__menu-outer">
  161.                 <ul class="navigation">
  162.                     {% if menuler is defined and menuler is iterable %}
  163.                         {% for m in menuler %}
  164.                             {% set hasChildren = m.altmenuler is defined and m.altmenuler is iterable and m.altmenuler|length > 0 %}
  165.                             <li class="{{ hasChildren ? 'menu-item-has-children' : '' }}">
  166.                                 <a href="{{ m.link|default('#') }}">{{ m.adi|default('Menü') }}</a>
  167.                                 {% if hasChildren %}
  168.                                     <ul class="sub-menu">
  169.                                         {% for sm in m.altmenuler %}
  170.                                             <li><a href="{{ sm.link|default('#') }}">{{ sm.adi|default('Alt Menü') }}</a></li>
  171.                                         {% endfor %}
  172.                                     </ul>
  173.                                 {% endif %}
  174.                             </li>
  175.                         {% endfor %}
  176.                     {% endif %}
  177.                     {% if iletisimLink is defined and iletisimLink is not empty %}
  178.                         <li><a href="{{ iletisimLink }}">İletişim</a></li>
  179.                     {% endif %}
  180.                 </ul>
  181.             </div>
  182.             {% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
  183.                 <div class="social-links">
  184.                     <ul class="list-wrap">
  185.                         {% for s in sosyalAglar %}
  186.                             {% set sLink = s.link|default('') %}
  187.                             {% if sLink is not empty %}
  188.                                 <li>
  189.                                     <a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
  190.                                         {% if s.ikon is defined and s.ikon is not empty %}
  191.                                             {% if '<' in s.ikon %}
  192.                                                 {{ s.ikon|raw }}
  193.                                             {% else %}
  194.                                                 <i class="{{ s.ikon }}" aria-hidden="true"></i>
  195.                                             {% endif %}
  196.                                         {% else %}
  197.                                             <span aria-hidden="true">•</span>
  198.                                         {% endif %}
  199.                                     </a>
  200.                                 </li>
  201.                             {% endif %}
  202.                         {% endfor %}
  203.                     </ul>
  204.                 </div>
  205.             {% endif %}
  206.         </nav>
  207.     </div>
  208.     <div class="tgmobile__menu-backdrop"></div>
  209.     {# OffCanvas: sadeleştirildi (eski template'teki cart/search gibi bölümler temizlendi) #}
  210.     <div class="offCanvas__info">
  211.         <div class="offCanvas__close-icon menu-close">
  212.             <button type="button" aria-label="Kapat">
  213.                 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  214.                     <path d="M13 1L1 13M1 1L13 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  215.                 </svg>
  216.             </button>
  217.         </div>
  218.         <div class="offCanvas__logo mb-30">
  219.             <a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
  220.                 <img src="{{ path('panel_storage', {'file': 'beyazLogo.webp'}) }}" alt="Logo">
  221.             </a>
  222.         </div>
  223.         <div class="offCanvas__info-wrap mb-30">
  224.             <h2 class="offCanvas__title">İletişim Bilgileri</h2>
  225.             <div class="offCanvas__info-list">
  226.                 {% set adres = 'adres'|site_iletisimBilgileri|html_entity_decode|raw %}
  227.                 {% if adres|striptags|trim is not empty %}
  228.                     <div class="offCanvas__info-list-item">
  229.                         <div class="icon">
  230.                             <i class="flaticon-pin" aria-hidden="true"></i>
  231.                         </div>
  232.                         <p>{{ adres|raw }}</p>
  233.                     </div>
  234.                 {% endif %}
  235.                 {% if telText|striptags|trim is not empty %}
  236.                     <div class="offCanvas__info-list-item">
  237.                         <div class="icon">
  238.                             <i class="flaticon-calling" aria-hidden="true"></i>
  239.                         </div>
  240.                         <a href="tel:{{ telHref }}">{{ telText|raw }}</a>
  241.                     </div>
  242.                 {% endif %}
  243.                 {% if mailText|striptags|trim is not empty %}
  244.                     <div class="offCanvas__info-list-item">
  245.                         <div class="icon">
  246.                             <i class="flaticon-email" aria-hidden="true"></i>
  247.                         </div>
  248.                         <a href="mailto:{{ mailHref }}">{{ mailText|raw }}</a>
  249.                     </div>
  250.                 {% endif %}
  251.             </div>
  252.         </div>
  253.         {% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
  254.             <div class="offCanvas__social-wrap">
  255.                 <h2 class="offCanvas__title">Bizi takip edin</h2>
  256.                 <ul class="list-wrap">
  257.                     {% for s in sosyalAglar %}
  258.                         {% set sLink = s.link|default('') %}
  259.                         {% if sLink is not empty %}
  260.                             <li>
  261.                                 <a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
  262.                                     {% if s.ikon is defined and s.ikon is not empty %}
  263.                                         {% if '<' in s.ikon %}
  264.                                             {{ s.ikon|raw }}
  265.                                         {% else %}
  266.                                             <i class="{{ s.ikon }}" aria-hidden="true"></i>
  267.                                         {% endif %}
  268.                                     {% else %}
  269.                                         <span aria-hidden="true">•</span>
  270.                                     {% endif %}
  271.                                 </a>
  272.                             </li>
  273.                         {% endif %}
  274.                     {% endfor %}
  275.                 </ul>
  276.             </div>
  277.         {% endif %}
  278.     </div>
  279.     <div class="offCanvas__overly"></div>
  280. </header>
  281. <main class="main-area fix">