xtu_mall/templates/xtu/cms/category_support.html.bak.20260514161655

{include file="header" /}
<link rel="stylesheet" href="/assets/xtu/support.css?v=20260422-0910">

<main class="support-page">
  <section class="support-search-hero" style="--support-hero-bg:url('{$category.image|default='/uploads/20260410/c58114e6547fd339fef54edd2151c0b7.jpg'}')">
    <div class="support-container support-search-hero-inner">
      <h1>{if getCategory($catid,'catname')}{:getCategory($catid,'catname')}{else /}{:cms_t('support_default_title','服务与支持')}{/if}</h1>
      <p>{:getCategory($catid,'description')}</p>
      <form class="support-search-bar" action="{:cms_lang_url(addon_url('cms/search/index'))}" method="get">
        <input type="hidden" name="tab" value="help">
        <div class="support-search-field">
          <i class="bi bi-search"></i>
          <input type="text" name="q" placeholder="{:cms_t('support_search_placeholder','输入关键词搜索')}" autocomplete="off">
        </div>
        <button class="support-search-submit" type="submit">{:cms_t('support_search','搜索')}</button>
      </form>
    </div>
  </section>

  <section class="support-main support-container">
    <section class="support-product-section">
      <div class="support-product-heading">
        <h2>{:cms_t('support_select_product','产品支持')}</h2>
      </div>
        <?php
            $cwhere = 'modelid=2';
        ?>
      <div class="support-product-tabs" role="tablist" aria-label="{:cms_t('support_product_categories','产品分类')}">
        {yzn module="cms" action="category" where="modelid=2"  order="listorder DESC,id ASC" num="24" return="supportProductCategories"}
        {volist name="supportProductCategories" id="productCat" key="k"}
        <button class="support-product-tab {if $k==1}is-active{/if}" type="button" role="tab" aria-selected="{if $k==1}true{else /}false{/if}" data-target="support-product-panel-{$productCat.id}">{$productCat.catname}</button>
        {/volist}
        {/yzn}
      </div>

      <div class="support-product-panels">
        {yzn module="cms" action="category" modelid="2"  order="listorder DESC,id ASC" num="4" return="supportPanelCategories"}
        {volist name="supportPanelCategories" id="productCat" key="k"}
        <div class="support-product-panel {if $k==1}is-active{/if}" id="support-product-panel-{$productCat.id}" role="tabpanel" {if $k!=1}hidden{/if}>
          <div class="support-product-showcase-grid{if $k!=1}-classic{/if}">
            {yzn module="cms" action="lists" modelid="2" catid="$productCat['id']" num="100" orderby="listorder asc,id desc" moreinfo="1" return="supportProducts"}
            {volist name="supportProducts" id="vo"}
            <a class="support-product-showcase-item" href="{:getCategory(26,'url')}?project={$vo.id}">
              <span class="support-product-showcase-media">
                <img src="{$vo.image|default='/uploads/20260409/15d257a4faf1bc9aadd0095112b6b7f7.png'}" alt="{$vo.title}">
              </span>
              <h3>{$vo.title}</h3>
            </a>
            {/volist}
            {/yzn}
          </div>
        </div>
        {/volist}
        {/yzn}
      </div>
    </section>

    <section class="support-quick-section">
      <div class="support-quick-heading">
        <h2>{:cms_t('support_quick_services','快捷服务')}</h2>
      </div>
      <div class="support-quick-service-grid">
        <a class="support-quick-service-card" href="javascript:;">
          <span class="support-quick-service-icon"><i class="bi bi-headset"></i></span>
          <h3>{:cms_t('support_online_service','在线支持')}</h3>
          <p>{:cms_t('support_online_service_desc','工作时间内获取人工帮助与技术支持')}</p>
        </a>
        <a class="support-quick-service-card" href="javascript:;">
          <span class="support-quick-service-icon"><i class="bi bi-tools"></i></span>
          <h3>{:cms_t('support_repair_service','维修服务')}</h3>
          <p>{:cms_t('support_repair_service_desc','提交售后申请，查看维修进度与服务政策')}</p>
        </a>
        <a class="support-quick-service-card" href="javascript:;">
          <span class="support-quick-service-icon"><i class="bi bi-cloud-arrow-down"></i></span>
          <h3>{:cms_t('support_download_center','下载中心')}</h3>
          <p>{:cms_t('support_download_center_desc','快速下载说明书、资料与相关软件内容')}</p>
        </a>
        <a class="support-quick-service-card" href="javascript:;">
          <span class="support-quick-service-icon"><i class="bi bi-chat-square-dots"></i></span>
          <h3>{:cms_t('support_feedback','意见反馈')}</h3>
          <p>{:cms_t('support_feedback_desc','提交建议与问题，帮助我们持续优化产品体验')}</p>
        </a>
      </div>
    </section>

    {include file="support-contact-block" /}
  </section>

  {include file="footer-links" /}
</main>

<script src="/assets/xtu/support.js?v=20260410-2041"></script>
{include file="footer" /}