cms-SiteForge/themes/automotive/pro.html

<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><base href="/"><title>{{ seo_title }}</title><meta name="description" content="{{ seo_description }}"><meta property="og:type" content="{{ 'article' if kind in ('article','case') else 'website' }}"><meta property="og:title" content="{{ seo_title }}"><meta property="og:description" content="{{ seo_description }}">{% if canonical %}<meta property="og:url" content="{{canonical}}">{% endif %}<meta name="theme-color" content="{{theme_color}}"><meta name="robots" content="{{ 'noindex,follow' if noindex else page.get('robots','index,follow') }}">{% if canonical and not noindex %}<link rel="canonical" href="{{ canonical }}">{% endif %}<link rel="stylesheet" href="assets/auto-compiled.css"></head><body class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
{% from '_professional_components.html' import card,cover,grid,section_title,filters,footer_links,body_copy with context %}
{% macro auto_icon(name) %}<svg class="auto-icon" aria-hidden="true" focusable="false"><use href="assets/auto-icons.svg#{{name}}"></use></svg>{% endmacro %}
{% if chrome_is_custom %}<div class="pro-utility"{% if not chrome.header.show_announcement %} hidden{% endif %}><div class="pro-wrap"><span>{{ chrome.header.announcement }}</span><span>{{site.tagline or site.name}}</span></div></div>{% else %}<div class="pro-utility"><div class="pro-wrap"><span>AUTOMOTIVE SOURCING · GLOBAL DELIVERY</span><span>{{site.tagline or 'Explore quality vehicles and reliable export solutions'}}</span></div></div>{% endif %}
<header class="sf-site-head pro-header auto31-header">
 <div class="pro-wrap pro-head-inner auto31-head-inner">
  <a class="pro-logo" href="/" aria-label="{{site.name}} 首页">{% if safe_image(site.logo) %}<img class="pro-brand-logo" src="{{safe_image(site.logo)}}" alt="{{site.name}} Logo">{% else %}<span class="pro-logo-symbol">M<span>.</span></span>{% endif %}<span class="pro-logo-name">{{site.name}}<small> GLOBAL AUTO EXPORT</small></span></a>
  <nav id="pro-navigation" class="pro-navigation" aria-label="主导航">{% for link in nav %}{% set route_icon = 'home' if link.route == '/' else 'car' if link.route.startswith('/products/') else 'brand' if link.route.startswith('/brands/') else 'news' if link.route.startswith('/news/') else 'building' if link.route.startswith('/about/') else 'chat' if link.route.startswith('/contact/') else 'folder' if link.route.startswith('/cases/') else 'list' %}{% if link.children %}<div class="pro-nav-group"><a href="{{link.route}}">{{auto_icon(route_icon)}} {{link.title}}</a><button type="button" class="pro-nav-disclose" aria-expanded="false" aria-label="展开{{link.title}}子菜单">{{auto_icon("chevron-down")}}</button><div class="pro-nav-children" hidden>{% for child in link.children %}<a href="{{child.route}}">{{auto_icon("folder")}} {{child.title}}</a>{% for leaf in child.children %}<a class="pro-nav-leaf" href="{{leaf.route}}">{{auto_icon("list")}} {{leaf.title}}</a>{% endfor %}{% endfor %}</div></div>{% else %}<a href="{{link.route}}">{{auto_icon(route_icon)}} {{link.title}}</a>{% endif %}{% endfor %}{% if chrome.header.show_search %}<a class="pro-search-link" href="/search/" aria-label="站内搜索">{{auto_icon("search")}}</a>{% endif %}</nav>
  {% if brands or categories %}<button class="pro-catalog-toggle auto31-menu-trigger" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false">{{auto_icon("brand")}} 品牌与车型 {{auto_icon("chevron-down")}}</button>{% endif %}
  {% if chrome_is_custom %}{% if chrome.header.show_cta %}<a href="{{chrome.header.cta_href}}" class="pro-header-cta">{{auto_icon("chat")}} {{chrome.header.cta_text}}</a>{% endif %}{% else %}<a class="pro-header-cta" href="/contact/">{{auto_icon("chat")}} 发送询盘</a>{% endif %}
  <button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航">{{auto_icon("menu")}}</button>
 </div>
 {% if brands or categories %}<div class="pro-mega auto31-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden>
 <div class="auto31-mega-lead"><span class="pro-eyebrow">FIND YOUR NEXT VEHICLE</span><h2>探索品牌与系列</h2><p>从已发布的品牌与车型目录中快速找到需要的内容。</p><a href="/products/">{{auto_icon("car")}} 浏览全部车型</a></div>
 <div class="auto31-mega-column"><strong>汽车品牌</strong><div class="auto31-mega-links">{% for b in brands[:24] %}<a href="{{b.url}}">{{auto_icon("brand")}} {{b.name}}</a>{% endfor %}{% if not brands %}<span class="auto31-muted">暂无已发布品牌</span>{% endif %}</div></div>
 <div class="auto31-mega-column auto31-mega-categories"><strong>车型类别</strong><div class="auto31-mega-links">{% for cat in categories[:12] %}<a href="{{cat.url}}">{{auto_icon("grid")}} {{cat.name}}</a>{% endfor %}</div><a class="auto31-mega-contact" href="/contact/">{{auto_icon("chat")}} 需要推荐？联系我们</a></div>
 </div>{% endif %}
</header>
{% if not designer_replace %}{% include ['pages/' ~ kind ~ '.html', 'automotive/pages/' ~ kind ~ '.html'] %}{% endif %}

{% if has_custom and kind!='notfound' %}<main id="main-content" class="sf-canvas pro-custom-content">{{custom_blocks}}</main>{% else %}<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>{% endif %}
{% if kind not in ('notfound','search') %}<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>{{site.tagline or '了解更多产品、服务与合作信息。'}}</p></div><a href="/contact/">{{auto_icon("chat")}} 联系我们</a></div></section>{% endif %}
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>{{chrome.footer.title or site.name}}</h2><p>{{footer_text}}</p></div><div class="pro-footer-links">{{footer_links(footer_nav)}}</div><div><span class="pro-eyebrow">LET'S TALK</span><p>{{footer_email or '请在后台配置企业联系方式'}}</p></div></div><div class="pro-footer-bottom"><span>© {{year}} {{site.name}}</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>

{% if chrome.mobile_tabs['enabled'] and chrome.mobile_tabs['items'] %}<nav class="sf-mobile-tabs" style="--sf-mobile-tab-count:{{ chrome.mobile_tabs['items']|length }}" aria-label="手机底部快捷导航" data-mobile-tabs>
{% for tab in chrome.mobile_tabs['items'] %}{% if tab.action == 'menu' %}<button type="button" class="sf-mobile-tab" data-mobile-open-menu aria-label="{{tab.title}}"><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></button>{% else %}<a class="sf-mobile-tab" href="{{tab.route}}"{% if tab.route == route %} aria-current="page"{% endif %}><span class="sf-tab-icon" aria-hidden="true">{{ mobile_tab_icons[tab.icon] }}</span><span class="sf-tab-label">{{tab.title}}</span></a>{% endif %}{% endfor %}</nav>{% endif %}
<script defer src="assets/auto-compiled.js"></script></body></html>