upgrade: adopt V8.31.1 (theme 1.3/1.4 redesigns, editor deep-canvas, guided launch, component library)
Overlay 190 upstream items (V8.22→8.31) preserving trade-pro theme, registry tests, and design docs. Re-applied full patch set on identical anchors (discovery/env_for/blocks.css/type-mapping/locale-override/ theme_color/frontend entries/test_theme_pro_v3 mods) plus compose pins. Verified: theme suites 35/35; dual-baseline full run 415 passed vs pristine 386+29 ours, FAILED-set diff EMPTY (same 10 Windows env fails). Live: container 8.31.1-dev.1 healthy, hesupipe 192 entries intact, trade-pro build 203 pages 0 errors. Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
浅念
@@ -1,2 +1,4 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<div class="pro-v30-page pro-v30-about pro-v30-about-automotive"><section class="pro-v30-about-opening"><div class="pro-wrap"><span class="pro-eyebrow">OUR COMPANY / APPROACH</span><div class="pro-v30-about-heading"><h1>{{page.title}}</h1><p>{{page.summary or site.tagline or '了解我们的业务与服务方式'}}</p></div></div></section>
|
||||
<section class="pro-section pro-v30-about-story"><div class="pro-wrap pro-v30-about-grid"><div class="pro-v30-about-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="lazy">{% else %}<div class="pro-v30-media-placeholder" aria-hidden="true"><span>OUR / STORY</span></div>{% endif %}</div><div class="pro-v30-about-copy"><span class="pro-eyebrow">ABOUT / 关于我们</span><h2>值得深入了解的汽车合作伙伴</h2>{{body_copy(content,page)}}<a class="pro-v30-text-action" href="/contact/">{{auto_icon("chat")}} 联系与合作</a></div></div></section>
|
||||
{% if features %}<section class="pro-section pro-v30-about-services"><div class="pro-wrap">{{section_title('WHAT WE DO','相关服务','/services/')}}{{grid(features,'service')}}</div></section>{% endif %}
|
||||
{% if cases %}<section class="pro-section pro-v30-about-cases"><div class="pro-wrap">{{section_title('SELECTED WORK','相关项目','/cases/')}}{{grid(cases,'case')}}</div></section>{% endif %}</div>
|
||||
|
||||
@@ -1 +1,2 @@
|
||||
<section class="pro-article-hero"><div class="pro-wrap pro-article-width"><span class="pro-eyebrow">LATEST NEWS / INSIGHTS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p>{% if fields.get('publish_date') %}<time>{{fields.get('publish_date')}}</time>{% endif %}</div></section><article class="pro-wrap pro-article-content">{% if page.cover %}<img class="pro-article-cover" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}{{body_copy(content,page)}}<a class="pro-text-link" href="/news/">← 返回新闻</a></article>
|
||||
<div class="pro-v30-page pro-v30-article pro-v30-article-automotive"><section class="pro-article-hero pro-v30-reading-head"><div class="pro-wrap"><nav class="pro-v30-crumb" aria-label="面包屑导航"><a href="/">首页</a><span aria-hidden="true">/</span><a href="/news/">行业资讯</a></nav><div class="pro-v30-reading-title"><span class="pro-eyebrow">IDEAS / JOURNAL</span><h1>{{page.title}}</h1>{% if page.summary %}<p>{{page.summary}}</p>{% endif %}{% if fields.get('publish_date') %}<time datetime="{{fields.get('publish_date')}}">{{fields.get('publish_date')}}</time>{% endif %}</div></div></section>
|
||||
<div class="pro-wrap pro-v30-reading-layout"><aside class="pro-v30-reading-aside"><span class="pro-eyebrow">READ / EXPLORE</span><a href="/news/">← 返回资讯</a><span class="pro-v30-reading-rule" aria-hidden="true"></span><a href="/contact/">{{auto_icon("chat")}} 联系沟通</a></aside><article id="article-body" class="pro-v30-reading-content">{% if page.cover %}<figure><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high"></figure>{% endif %}{{body_copy(content,page)}}<a class="pro-v30-subtle-link" href="/news/">← 返回资讯</a></article></div></div>
|
||||
|
||||
@@ -1 +1,3 @@
|
||||
<section class="pro-inner-hero pro-brand-hero"><div class="pro-wrap pro-brand-hero-grid"><div><span class="pro-eyebrow">BRAND PROFILE / PARTNERS</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div><div class="pro-brand-media">{{cover(page,'brand')}}</div></div></section><section class="pro-section"><div class="pro-wrap">{{body_copy(content,page)}}{% if related %}{{section_title('PRODUCT LINE','相关产品','/products/')}}{{grid(related,'product')}}{% endif %}</div></section>
|
||||
<div class="auto31-brand pro-v30-page"><section class="auto31-page-banner auto31-brand-banner"><div class="pro-wrap auto31-brand-intro"><div><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/brands/">品牌中心</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BRANDS / COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '浏览该品牌的介绍与相关车型。'}}</p><a href="#auto31-brand-models" class="auto31-primary">{{auto_icon("car")}} 查看品牌车型</a></div>{% if page.cover %}<div class="auto31-brand-photo"><img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high"></div>{% endif %}</div></section>
|
||||
<section id="auto31-brand-models" class="pro-section auto31-brand-products"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">MODEL LINEUP</span><h2>{{page.title}} · 相关车型</h2></div><a href="/products/">{{auto_icon("grid")}} 全部车型</a></div>{{grid(related,'vehicle',true)}}</div></section>
|
||||
<section class="pro-section auto31-brand-story"><div class="pro-wrap auto31-story-grid"><div><span class="pro-eyebrow">BRAND PROFILE</span><h2>关于 {{page.title}}</h2></div><div>{{body_copy(content,page)}}</div></div></section></div>
|
||||
@@ -1 +1 @@
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">浏览更多案例 →</a></div></section>
|
||||
<section class="pro-inner-hero"><div class="pro-wrap"><span class="pro-eyebrow">SELECTED WORK / PROJECT</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section><section class="pro-section"><div class="pro-wrap pro-case-detail">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}<div class="pro-case-meta">{% if fields.get('location') %}<span>项目地点<br><strong>{{fields.get('location')}}</strong></span>{% endif %}{% if fields.get('industry') %}<span>所属行业<br><strong>{{fields.get('industry')}}</strong></span>{% endif %}</div>{{body_copy(content,page)}}<a class="pro-text-link" href="/cases/">{{auto_icon("folder")}} 浏览更多案例</a></div></section>
|
||||
|
||||
@@ -1,2 +1 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
<div class="auto31-catalog auto31-category pro-v30-page"><section class="auto31-page-banner"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">车型</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">BROWSE BY CATEGORY</span><h1>{{page.title}}</h1><p>{{page.summary or '探索该分类已发布的车型。'}}</p></div></section><section class="pro-section auto31-catalog-section"><div class="pro-wrap">{{filters()}}<div class="pro-filter-scope auto31-vehicle-results">{{grid(listing,'catalog',true)}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -1,7 +1,6 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
{% if form_endpoint %}
|
||||
<section class="pro-section"><div class="pro-wrap pro-inquiry-wrap"><div><span class="pro-eyebrow">CONTACT FORM</span><h2>提交业务咨询</h2><p>提交内容将直接发送到网站管理员配置的外部表单服务。</p></div>
|
||||
<form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">提交咨询 ↗</button><p>表单提交由外部服务处理，请确认其隐私政策及垃圾信息过滤设置。</p></form></div></section>
|
||||
{% endif %}
|
||||
<div class="pro-v30-page pro-v30-contact pro-v30-contact-automotive"><section class="pro-v30-contact-header"><div class="pro-wrap"><span class="pro-eyebrow">CONNECT / CONTACT</span><h1>{{page.title}}</h1><p>{{page.summary or '介绍您的车型与采购需求，我们将根据实际业务信息与您联系。'}}</p></div></section>
|
||||
<section class="pro-section pro-v30-contact-content"><div class="pro-wrap pro-v30-contact-layout"><div class="pro-v30-contact-info"><span class="pro-eyebrow">LET'S START A CONVERSATION</span><h2>咨询与合作</h2>{{body_copy(content,page)}}
|
||||
{% if footer_email %}<div class="pro-v30-contact-channel"><span>电子邮箱</span><a href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a></div>{% endif %}
|
||||
{% if not footer_email and not form_endpoint %}<p class="pro-muted">联系渠道正在更新，请稍后访问本页面。</p>{% endif %}
|
||||
</div><div class="pro-v30-contact-form-wrap">{% if form_endpoint %}<span class="pro-eyebrow">SEND AN INQUIRY</span><h3>提交咨询</h3><form class="pro-inquiry" action="{{form_endpoint}}" method="POST"><label>姓名 <input name="name" autocomplete="name" required maxlength="100"></label><label>邮箱 <input name="email" type="email" autocomplete="email" required maxlength="180"></label><label>咨询内容 <textarea name="message" required minlength="6" maxlength="5000"></textarea></label><input name="website" tabindex="-1" autocomplete="off" class="pro-honeypot" aria-hidden="true"><button type="submit" class="pro-button">{{auto_icon("mail")}} 发送咨询</button><p>提交信息将发送至配置的外部表单服务，请了解其隐私政策。</p></form>
|
||||
{% else %}<div class="pro-v30-contact-note"><span class="pro-eyebrow">HOW TO REACH US</span><p>您可以通过本页提供的联系渠道咨询产品、项目或合作事项。</p><span class="pro-v30-decorative-number" aria-hidden="true">{{auto_icon("chat")}}</span></div>{% endif %}</div></div></section></div>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
@@ -1,4 +1,14 @@
|
||||
<section class="pro-home-hero pro-auto-hero"><div class="pro-wrap pro-home-grid"><div class="pro-hero-copy"><span class="pro-eyebrow">01 / THE WORLD IN MOTION</span><h1>{{page.title if page.title not in (site.name,'首页','Home') else site.name}}<em> MOVE BEYOND.</em></h1><p>{{page.summary or site.tagline or '探索企业产品与解决方案。'}}</p><div class="pro-hero-actions"><a class="pro-button" href="/products/">探索车型 <span>↗</span></a><a class="pro-link-light" href="/about/">了解企业 →</a></div></div><div class="pro-hero-art">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% else %}<div class="pro-abstract-car"><span>THE NEXT CHAPTER</span><div class="auto-wheel a"></div><div class="auto-wheel b"></div></div>{% endif %}<b>DRIVE / 01</b></div></div><div class="pro-wrap pro-hero-bottom"><span>DESIGN / TRUST / DELIVERY</span><span>SCROLL TO DISCOVER ↓</span></div></section>
|
||||
{% if showcase %}<section class="pro-section pro-featured"><div class="pro-wrap">{{section_title('02 / COLLECTION','探索精选车型','/products/')}}{{grid(showcase,'vehicle')}}</div></section>{% endif %}
|
||||
<section class="pro-section pro-statement"><div class="pro-wrap pro-statement-layout"><span class="pro-eyebrow">THE COMPANY</span><div><h2>把产品带向更广阔的市场。</h2><p>{{site.tagline or '在这里展示企业独特的产品与服务能力。'}}</p><a class="pro-text-link" href="/about/">认识我们 ↗</a></div></div></section>
|
||||
{% if brands %}<section class="pro-section pro-brand-section"><div class="pro-wrap">{{section_title('03 / BRANDS','品牌与合作伙伴','/brands/')}}<div class="pro-brand-pills">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}} ↗</a>{% endfor %}</div></div></section>{% endif %}
|
||||
<div class="auto31-home">
|
||||
<section class="pro-home-hero auto31-hero"><div class="pro-wrap auto31-hero-grid">
|
||||
<div class="auto31-hero-copy"><span class="auto31-kicker"><span></span> GLOBAL VEHICLE SOURCING</span>
|
||||
<h1>{{page.title if page.title not in (site.name,'首页','Home') else 'Connecting You to the Right Vehicle'}}</h1>
|
||||
<p>{{page.summary or site.tagline or 'Browse vehicle models, brands and export solutions with clarity and confidence.'}}</p>
|
||||
<div class="auto31-hero-actions"><a class="auto31-primary" href="/products/">{{auto_icon("car")}} 探索车型</a><a class="auto31-secondary" href="/contact/">{{auto_icon("chat")}} 咨询合作</a></div>
|
||||
</div><div class="auto31-hero-media">{% if page.cover %}<img src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high">{% elif showcase and showcase[0].cover %}<img src="{{safe_image(showcase[0].cover)}}" alt="{{showcase[0].title}}" loading="eager" decoding="async" fetchpriority="high">{% else %}<div class="auto31-car-placeholder" aria-label="请在编辑器上传首页车型横幅"><span>FEATURED VEHICLE</span><strong>{{site.name}}</strong><small>添加车型主图即可显示真实产品</small></div>{% endif %}<div class="auto31-hero-stamp">{{auto_icon("car")}} CAR COLLECTION</div></div>
|
||||
</div><div class="pro-wrap auto31-quick-wrap"><form class="auto31-search" action="/products/" method="get" role="search"><label for="auto31-home-search">快速查找车型</label><div class="auto31-search-field">{{auto_icon("search")}}<input id="auto31-home-search" name="q" type="search" placeholder="搜索车型名称、品牌或类别" autocomplete="off"></div><button type="submit">{{auto_icon("search")}} 搜索车型</button></form></div></section>
|
||||
{% if brands %}<section class="auto31-brand-strip"><div class="pro-wrap auto31-strip-inner"><span>POPULAR BRANDS</span><div class="auto31-brand-list">{% for b in brands[:12] %}<a href="{{b.url}}">{{b.name}}</a>{% endfor %}</div><a class="auto31-all" href="/brands/">{{auto_icon("brand")}} 全部品牌</a></div></section>{% endif %}
|
||||
{% if showcase %}<section class="pro-section auto31-featured"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">TOP VEHICLES / DISCOVER</span><h2>精选车型 <span class="auto31-heading-mark">/</span> Featured Vehicles</h2><p>直接从站点已发布车型中呈现，不填入未经验证的库存或价格。</p></div><a href="/products/">{{auto_icon("car")}} 查看全部车型</a></div>{{grid(showcase[:8],'vehicle',true)}}</div></section>{% endif %}
|
||||
<section class="auto31-double-feature"><div class="pro-wrap auto31-double-grid"><a href="/products/" class="auto31-feature-tile"><span>01 / VEHICLE COLLECTION</span><h2>丰富的车型选择</h2><p>浏览产品目录，查看车型展示和配置资料。</p><strong>{{auto_icon("car")}} 浏览车型</strong></a><a href="/contact/" class="auto31-feature-tile auto31-feature-tile-alt"><span>02 / EXPORT SOLUTIONS</span><h2>采购与出口支持</h2><p>告诉我们采购需求，了解可提供的供应及交付服务。</p><strong>{{auto_icon("chat")}} 联系咨询</strong></a></div></section>
|
||||
<section class="pro-section auto31-company"><div class="pro-wrap auto31-company-grid"><div><span class="pro-eyebrow">WHO WE ARE</span><h2>{{site.name}}</h2><p>{{site.tagline or '了解我们如何与全球客户合作。'}}</p><a class="auto31-primary" href="/about/">{{auto_icon("building")}} 了解我们</a></div><div class="auto31-company-panel"><span>WHY WORK WITH US</span><div><b>01</b><strong>Vehicle Sourcing</strong><small>车型与产品信息</small></div><div><b>02</b><strong>Export Coordination</strong><small>沟通出口与物流需求</small></div><div><b>03</b><strong>Local Support</strong><small>通过实际配置的渠道联系团队</small></div></div></div></section>
|
||||
{% if stories %}<section class="pro-section auto31-news"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">OUR STORIES / INSIGHTS</span><h2>最新资讯与案例</h2></div><a href="/news/">{{auto_icon("news")}} 更多内容</a></div>{{grid(stories[:3],'news',true)}}</div></section>{% endif %}
|
||||
</div>
|
||||
@@ -1,2 +1,3 @@
|
||||
<section class="pro-inner-hero pro-listing-hero"><div class="pro-wrap"><span class="pro-eyebrow">DISCOVER / {{'CATEGORY' if kind=='category' else 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '查看此栏目的全部已发布内容。'}}</p><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><strong>{{page.title}}</strong></div></div></section>
|
||||
<section class="pro-section pro-list-section"><div class="pro-wrap">{{ filters() }}<div class="pro-filter-scope">{{grid(listing,'catalog')}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="商品列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section>
|
||||
<div class="auto31-catalog pro-v30-page pro-v30-listing">
|
||||
<section class="auto31-page-banner"><div class="pro-wrap auto31-banner-grid"><div><nav class="auto31-crumb"><a href="/">首页</a> / <span>{{page.title}}</span></nav><span class="pro-eyebrow">VEHICLE COLLECTION</span><h1>{{page.title}}</h1><p>{{page.summary or '查找品牌、车型类别和适合的产品。'}}</p></div><div class="auto31-banner-stat"><strong>{{listing|length}}</strong><span>本页显示车型</span></div></div></section>
|
||||
<section class="pro-section auto31-catalog-section"><div class="pro-wrap"><div class="auto31-catalog-head"><div><span class="pro-eyebrow">FILTER / COMPARE / EXPLORE</span><h2>浏览车型</h2></div><a href="/contact/">{{auto_icon("chat")}} 需要选车建议？联系我们</a></div>{{filters()}}<div class="pro-filter-scope auto31-vehicle-results" aria-live="polite">{{grid(listing,'catalog',true)}}</div>{% if pagination and pagination.pages>1 %}<nav class="pro-pages-nav" aria-label="列表分页">{% if pagination.previous %}<a href="{{pagination.previous}}" rel="prev">← 上一页</a>{% endif %}<span>第 {{pagination.page}} / {{pagination.pages}} 页</span>{% if pagination.next %}<a href="{{pagination.next}}" rel="next">下一页 →</a>{% endif %}</nav>{% endif %}</div></section></div>
|
||||
@@ -1 +1 @@
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">返回首页 ↗</a></section>
|
||||
<section class="pro-404 pro-wrap"><span>ERROR / 404</span><h1>404</h1><p>抱歉，你访问的页面不存在，或者已被移动。</p><a class="pro-button" href="/">{{auto_icon("home")}} 返回首页</a></section>
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
<section class="pro-section pro-product-layout"><div class="pro-wrap"><div class="pro-breadcrumb"><a href="/">首页</a><span>／</span><a href="/products/">产品中心</a><span>／</span><strong>{{page.title}}</strong></div>
|
||||
<div class="pro-product-hero"><div class="pro-product-gallery"><div class="pro-product-media">{{cover(page,'product')}}</div>{% if gallery|length>1 %}<div class="pro-gallery-thumbs" aria-label="产品图片画廊">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图{{loop.index}}" loading="lazy"></button>{% endfor %}</div>{% endif %}</div><div class="pro-product-summary"><span class="pro-eyebrow">PRODUCT DETAILS / {{fields.get('brand') or 'COLLECTION'}}</span><h1>{{page.title}}</h1><p>{{page.summary or '在此查看产品详细资料。'}}</p>{% if fields.get('brand') %}<p class="pro-product-brand">品牌 · {{fields.get('brand')}}</p>{% endif %}<a class="pro-button" href="/contact/">咨询该产品 <span>↗</span></a></div></div>
|
||||
<div class="pro-detail-layout"><div><span class="pro-eyebrow">OVERVIEW</span><h2>产品介绍</h2>{{body_copy(content,page)}}</div><div><span class="pro-eyebrow">SPECIFICATIONS</span><h2>规格参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">尚未填写详细参数。</p>{% endfor %}</div></div></div></div></section>
|
||||
<div class="auto31-detail pro-v30-page pro-product-layout pro-v30-product">
|
||||
<section class="auto31-detail-head"><div class="pro-wrap"><nav class="auto31-crumb"><a href="/">首页</a> / <a href="/products/">全部车型</a> / <span>{{page.title}}</span></nav><div class="auto31-detail-title"><div><span class="pro-eyebrow">VEHICLE DETAILS / MODEL OVERVIEW</span><h1>{{page.title}}</h1><div class="auto31-model-tags">{% if fields.get('brand') %}<span>{{fields.get('brand')}}</span>{% endif %}{% if fields.get('category') %}<span>{{fields.get('category')}}</span>{% endif %}</div></div><a class="auto31-primary" href="/contact/">{{auto_icon("chat")}} 询问该车型</a></div>
|
||||
<div class="auto31-detail-gallery"><div class="pro-product-media auto31-detail-main">{% if page.cover %}<img class="pro-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}" loading="eager" decoding="async" fetchpriority="high">{% else %}{{cover(page,'product')}}{% endif %}</div>{% if gallery|length > 1 %}<div class="pro-gallery-thumbs auto31-thumbnails" aria-label="车型图库">{% for photo in gallery %}<button type="button" data-gallery-image="{{photo}}" aria-label="查看第{{loop.index}}张图片"><img src="{{photo}}" alt="{{page.title}} · 图片{{loop.index}}" loading="lazy" decoding="async"></button>{% endfor %}</div>{% endif %}</div></div></section>
|
||||
<section class="pro-section auto31-detail-information"><div class="pro-wrap auto31-detail-columns"><div class="auto31-detail-copy"><span class="pro-eyebrow">OVERVIEW</span><h2>车型介绍</h2>{% if page.summary %}<p class="auto31-detail-summary">{{page.summary}}</p>{% endif %}{{body_copy(content,page)}}</div><aside class="auto31-spec-panel"><span class="pro-eyebrow">VEHICLE SPECIFICATION</span><h2>车辆参数</h2><div class="pro-specs">{% for row in specs %}<div><span>{{row.label}}</span><strong>{{row.value}}</strong></div>{% else %}<p class="pro-muted">该车型尚未上传规格参数，请联系工作人员了解。</p>{% endfor %}</div><a href="/contact/" class="auto31-secondary">{{auto_icon("file")}} 获取详细资料</a></aside></div></section></div>
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<section class="pro-inner-hero pro-info-hero"><div class="pro-wrap"><span class="pro-eyebrow">{{ 'GET IN TOUCH' if kind=='contact' else ('OUR STORY' if kind=='about' else 'EXPLORE') }}</span><h1>{{page.title}}</h1><p>{{page.summary}}</p></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{footer_email}} ↗</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
<section class="pro-section pro-info-section"><div class="pro-wrap pro-info-grid"><div><span class="pro-eyebrow">{{'CONNECT / CONTACT' if kind=='contact' else 'ABOUT / DISCOVER'}}</span><h2>{{'让我们开始沟通。' if kind=='contact' else page.title}}</h2>{% if kind=='contact' and footer_email %}<a class="pro-contact-email" href="mailto:{{footer_email}}">{{auto_icon("mail")}} {{footer_email}}</a>{% elif kind=='contact' %}<p class="pro-muted">请先在网站管理后台填写正式联系邮箱。</p>{% endif %}</div><div class="pro-info-copy">{{body_copy(content,page)}}{% if page.cover %}<img class="pro-info-photo" src="{{safe_image(page.cover)}}" alt="{{page.title}}">{% endif %}</div></div></section>
|
||||
|
||||
Reference in New Issue
Block a user