xtu_mall/templates/xtu/cms/header.html

<!DOCTYPE html>
<html lang="{:cms_html_lang($site_lang ?? '')}">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <title>{if condition="isset($SEO['title']) && !empty($SEO['title'])"}{$SEO['title']}{/if}{$SEO['site_title']}</title>
    <meta name="keywords" content="{$SEO['keyword']}" />
    <meta name="description" content="{$SEO['description']}" />
    <link rel="stylesheet" href="/assets/xtu/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="/assets/xtu/vendor/bootstrap-icons.min.css">
    <link rel="stylesheet" href="/assets/xtu/vendor/swiper-bundle.min.css">
    <link rel="stylesheet" href="/assets/xtu/shared.css?v=20260428-1538">
    <link rel="stylesheet" href="/assets/xtu/styles.css?v=20260706-mobile-hero-polish">
  </head>
  <body class="{if request()->action()=='index' && request()->controller()=='Index'}page-home{else /}page-inner{/if}">
    {php}$isHomePage = request()->action() == 'index' && request()->controller() == 'Index';$currentRegionShopUrl = cms_region_shop_url($site_region);$siteLogoLight = $cms_config['site_logo_light'] ?? '/assets/xtu/vendor/img/XTU-logo.png';$siteLogoDark = $cms_config['site_logo_dark'] ?? '';$siteLogoDark = $siteLogoDark ?: $siteLogoLight;{/php}
    <header class="site-header fixed-top{if !$isHomePage} page-navbar-solid{/if}" id="siteHeader" data-nav-mode="{if $isHomePage}home{else /}inner{/if}">
      <div class="nav-inner-wrap">
        <nav class="navbar navbar-expand-lg py-3">
          <div class="container-fluid px-0 align-items-center nav-shell">
            <a class="navbar-brand logo me-0" title="{$cms_config.site_name}" href="{:cms_lang_url(addon_url('cms/index/index'))}">
              <img class="site-logo-img" id="siteLogoImg" src="{$siteLogoLight}" data-logo-light="{$siteLogoLight}" data-logo-dark="{$siteLogoDark}" alt="{$cms_config.site_name}">
            </a>
            <div class="collapse navbar-collapse ms-lg-4" id="mainNavbar">
              <ul class="navbar-nav gap-lg-2 gap-xl-3 align-items-lg-center">
                {yzn module="cms" action="category" catid="0" order="listorder DESC" num="10" return="data"}
                  {volist name="data" id="vo"}
                    {yzn module="cms" action="category" catid="$vo['id']" order="listorder DESC,id ASC" num="100" return="navChildren"}
                    <li class="nav-item {if !empty($navChildren)}dropdown nav-item-has-children{/if}">
                      <a class="nav-link {if !empty($navChildren)}dropdown-toggle{/if}" href="{$vo.url}" {if !empty($navChildren)}data-nav-trigger="hover"{/if}>
                        {$vo.catname}
                      </a>
                      {if !empty($navChildren)}
                      <ul class="dropdown-menu border-0 shadow-lg rounded-0">
                        {volist name="navChildren" id="child"}
                        <li>
                          <a class="dropdown-item" href="{$child.url}" target="{$child.target}" title="{$child.catname}">
                            {$child.catname}
                          </a>
                        </li>
                        {/volist}
                      </ul>
                      {/if}
                    </li>
                    {/yzn}
                  {/volist}
                {/yzn}
              </ul>
              <div class="nav-mobile-extras d-lg-none">
                <div class="nav-mobile-premium-grid">
                  <button class="nav-glass-btn nav-mobile-premium-btn" id="openSearchModalMobile">
                    <span class="nav-glass-icon">
                      <i class="bi bi-search"></i>
                    </span>
                  </button>
                  <button class="nav-glass-btn nav-mobile-premium-btn" id="openLanguageModalMobile" >
                    <span class="nav-glass-icon">
                      <i class="bi bi-globe2"></i>
                    </span>
                    <span class="nav-glass-text">
                      {if !empty($site_region)}{:cms_region_display_name($site_region)}{else /}{$site_lang|strtoupper}{/if}
                    </span>
                  </button>
                  {if !empty($currentRegionShopUrl)}
                  <a href="{$currentRegionShopUrl}" class="nav-glass-btn nav-glass-btn-shop nav-mobile-premium-btn nav-mobile-premium-wide" target="_blank" rel="noopener noreferrer">
                    <span class="nav-glass-icon">
                      <i class="bi bi-bag"></i>
                    </span>
                    <span class="nav-glass-text">
                      {:cms_t('mall','商城')}
                    </span>
                  </a>
                  {/if}
                </div>
              </div>
            </div>
            <div class="nav-right nav-right-mobile-compact d-flex align-items-center gap-2 ms-auto">
              <div class="nav-right-desktop-actions d-none d-lg-flex align-items-center gap-2" id="navDesktopActions">
                <button class="nav-glass-btn" id="openHeaderSearch" type="button">
                  <span class="nav-glass-icon">
                    <i class="bi bi-search">
                    </i>
                  </span>
                </button>
                <button class="nav-glass-btn nav-glass-btn-wide" id="openLanguageModal" aria-label="{:cms_t('switch_region','切换地区')}">
                  <span class="nav-glass-icon">
                    <i class="bi bi-globe2">
                    </i>
                  </span>
                  <span class="nav-glass-text">
                    {if !empty($site_region)}{:cms_region_display_name($site_region)}{else /}{$site_lang|strtoupper}{/if}
                  </span>
                </button>
                {if !empty($currentRegionShopUrl)}
                <a href="{$currentRegionShopUrl}" class="nav-glass-btn nav-glass-btn-shop" target="_blank" rel="noopener noreferrer">
                  <span class="nav-glass-icon">
                    <i class="bi bi-bag">
                    </i>
                  </span>
                  <span class="nav-glass-text">
                    {:cms_t('mall','商城')}
                  </span>
                </a>
                {/if}
              </div>
              <button class="navbar-toggler border-0 shadow-none px-0 ms-1" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar" aria-controls="mainNavbar" aria-expanded="false" aria-label="切换导航">
                <span class="navbar-toggler-icon">
                </span>
              </button>
            </div>
            <div class="header-inline-search" id="headerInlineSearch" aria-hidden="true">
              <form class="header-inline-search-form" action="{:cms_lang_url(addon_url('cms/search/index'))}" method="get" id="headerInlineSearchForm">
                <input type="hidden" name="modelid" value="0">
                <span class="header-inline-search-icon"><i class="bi bi-search"></i></span>
                <input type="search" name="q" id="headerInlineSearchInput" class="header-inline-search-input" placeholder="{:cms_t('search_quick_placeholder','搜索产品、服务、支持内容')}" maxlength="25" autocomplete="off" required>
                <button type="button" class="header-inline-search-close" id="closeHeaderSearch" aria-label="{:cms_t('close_search','关闭搜索')}">
                  <i class="bi bi-x-lg"></i>
                </button>
              </form>
            </div>
          </div>
        </nav>
      </div>
    </header>