xtu_mall/templates/xtu/cms/footer-links.html

<section class="section-space footer-links-section footer-dual-section">
        <div class="content-1300-wrap">
          <div class="footer-dual-layout">
            <div class="footer-left-panel">
              <div class="footer-nav-grid">
                <div class="footer-nav-col">
                  <h3>
                    {:cms_t('footer_hot_products','热门产品分类')}
                  </h3>
                   {yzn module="cms" action="category" where="modelid=2 and status=1"  order="listorder DESC,id ASC" num="24" return="supportProductCategories"}
        {volist name="supportProductCategories" id="productCat" key="k"}
                  <a href="{$productCat.url}">{$productCat.catname}</a>
           {/volist}
        {/yzn}
 
                </div>
                <div class="footer-nav-col">
                  <h3>
                    {:cms_t('footer_online_store','线上商城')}
                  </h3>
                  <a href="#">
                    {:cms_t('footer_official_store','官方商城')}
                  </a>
                  <a href="https://mall.jd.com/index-807701.html">
                    {:cms_t('footer_platform_channel','平台官方渠道')}
                  </a>
                </div>
                <div class="footer-nav-col">
                  <h3>
                   {:getCategory(24,'catname')}
                  </h3>
                  <a href="{:getCategory(24,'url')}">{:getCategory(24,'catname')}</a>
                      <a href="{:getCategory(27,'url')}">{:getCategory(27,'catname')}</a>
                      <a href="{:getCategory(45,'url')}">{:getCategory(45,'catname')} </a>
                      <a href="{:getCategory(44,'url')}">{:getCategory(44,'catname')}</a>
                </div>
                <div class="footer-nav-col">
                  <h3>
                    {:cms_t('footer_partnership','申请合作')}
                  </h3>
                  <a href="{:getCategory(60,'url')}">
                    {:getCategory(60,'catname')}
                  </a>
                  <a href="{:getCategory(55,'url')}">
                    {:getCategory(55,'catname')}
                  </a>
                </div>
                <div class="footer-nav-col">
                  <h3>
                   {:getCategory(28,'catname')}
                  </h3>
                   {yzn module="cms" action="category" catid="28" order="listorder DESC" num="10" return="data"}
                  {volist name="data" id="vo"}
                    <a href="{$vo.url}">{$vo.catname}</a>
                  {/yzn}
                  {/volist}
                </div>
              </div>
            </div>
            <aside class="footer-right-panel">
              <div class="footer-side-card footer-subscribe-card premium-subscribe-card compact-subscribe-card">
                <div class="premium-subscribe-top compact-subscribe-top footer-subscribe-heading-block">
                  <h3 class="footer-subscribe-title">
                    {:cms_t('footer_subscribe_us','订阅我们')}
                  </h3>
                  <p class="premium-subscribe-desc footer-subscribe-desc-text">
                    {:cms_t('footer_subscribe_desc','获取新品发布与品牌动态')}
                  </p>
                </div>
                <div class="footer-form-box footer-form-dark premium-form-box compact-form-box">
                  <form class="footer-subscribe-form" id="footerSubscribeForm" action="javascript:;" method="post" novalidate>
                    <input type="hidden" name="source_page" id="footerSubscribeSourcePage" value="">
                    <input type="hidden" name="source_key" value="footer">
                    <div class="footer-input-wrap premium-input-wrap compact-input-wrap">
                      <input type="email" name="email" id="footerSubscribeEmail" class="footer-email-input footer-email-dark premium-email-input" maxlength="191" placeholder="{:cms_t('footer_email_placeholder','请输入邮箱地址')}">
                      <button class="footer-mail-btn premium-mail-btn" id="footerSubscribeBtn" aria-label="{:cms_t('footer_subscribe_submit','提交')}" type="submit">
                        {:cms_t('footer_subscribe','订阅')}
                      </button>
                    </div>
                    <div class="footer-subscribe-message footer-subscribe-message-inline" id="footerSubscribeMessage" aria-live="polite"></div>
                    <label class="footer-subscribe-consent" for="footerSubscribeConsent">
                      <input type="checkbox" name="privacy_agree" id="footerSubscribeConsent" value="1">
                      <span>
                        {:cms_t('footer_subscribe_privacy_agree','我已阅读并同意')}
                        <a href="{:getCategory(44,'url')}" target="_blank" rel="noopener noreferrer">{:getCategory(44,'catname')}</a>
                        {:cms_t('footer_subscribe_privacy_suffix','，我同意通过邮箱接收XTU骁途优惠商业信息和最新动态。我可以随时联系XTU骁途取消订阅。')}
                      </span>
                    </label>
                  </form>
                </div>
              </div>
              <div class="footer-social-block compact-social-block footer-social-block-corner">
                <div class="footer-social-row premium-social-row compact-social-row footer-quick-social-row">
                  {yzn module="cms" action="lists" catid="47" order="listorder ASC,id ASC" num="20" moreinfo="1" return="footerQuickLinks"}
                  {volist name="footerQuickLinks" id="vo"}
                  {php}
                  $quickLinkUrl = trim((string)($vo['tourl'] ?? ''));
                  $quickHasUrl = $quickLinkUrl !== '' && strtolower($quickLinkUrl) !== 'javascript:;';
                  $quickHasQr = !empty($vo['thumb']);
                  {/php}
                  {if $quickHasUrl}
                  <a class="footer-social-item premium-social-item footer-quick-social-item" href="{$quickLinkUrl}" title="{$vo.title}" target="_blank" rel="noopener noreferrer">
                  {else /}
                  <div class="footer-social-item premium-social-item footer-quick-social-item footer-quick-social-item-static" title="{$vo.title}">
                  {/if}
                    <span class="social-dot premium-social-dot footer-quick-social-dot">
                      {if !empty($vo.thumb_1)}
                      <img class="footer-quick-social-icon footer-quick-social-icon-default" src="{$vo.thumb_1}" alt="{$vo.title}">
                      {/if}
                      {if !empty($vo.thumb_2)}
                      <img class="footer-quick-social-icon footer-quick-social-icon-hover" src="{$vo.thumb_2}" alt="{$vo.title}">
                      {/if}
                      {if empty($vo.thumb_1) && empty($vo.thumb_2)}
                      <span class="footer-quick-social-text">{$vo.title|mb_substr=0,1,'utf-8'}</span>
                      {/if}
                    </span>
                    {if $quickHasQr}
                    <div class="footer-qr-pop premium-qr-pop footer-quick-qr-pop">
                      <img src="{$vo.thumb}" alt="{$vo.title}">
                      <span>{$vo.title}</span>
                    </div>
                    {/if}
                  {if $quickHasUrl}
                  </a>
                  {else /}
                  </div>
                  {/if}
                  {/volist}
                  {/yzn}
                </div>
              </div>
            </aside>
          </div>
        </div>
      </section>