如何創建一個顯示BigCommerce中特定品牌產品的自定義列表頁面？

我們正在努力設置一個定製品牌登錄頁面https://www.brace-mart.com/test-drive-medical以滿足該品牌的要求。我們想從下面的描述品牌列出的品牌產品，所以我們創建了一個自定義的頁面自定義模板：如何創建一個顯示BigCommerce中特定品牌產品的自定義列表頁面？

%%Panel.HTMLHead%% 
 

 
<body> 
 
    %%Panel.DrawerMenu%% 
 
    <div class="page two-col"> 
 
    %%Panel.Header%% 
 
    <div class="main"> 
 
     <div class="inner"> 
 

 
     <div class="Left fleft mobile-hide" id="LayoutColumn1"> 
 
      %%Panel.SideSubPageList%% %%Panel.SideCategoryList%% %%Panel.SideShopByBrand%% %%Panel.SideNewsletterBox%% 
 
         %%Panel.SocialLinks%% %%Panel.SideLiveChatServices%% 
 
         <div id="SideLinks" class="clearfix"> 
 
          
 
          <div id="cards"> 
 
           <img src="https://www.brace-mart.com/template/cards.png" alt="Accepting all major credit cards" /> 
 
          </div> 
 
          <style> 
 
           
 
           #cards { 
 
            text-align: center; 
 
            margin-top: 15px; 
 
           } 
 
          </style> 
 
         
 
          
 
          
 
      
 
          <!-- Begin Official PayPal Seal --><a href="https://www.paypal.com/us/verified/pal=roger%40surecareortho%2ecom" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" width="60px" border="0" alt="Official PayPal Seal"></A><!-- End Official PayPal Seal --> 
 
       
 
          <!-- GeoTrust QuickSSL [tm] Smart Icon tag. Do not edit. --> 
 
          <script language="javascript" type="text/javascript" src="//smarticon.geotrust.com/si.js"></script> 
 
          <!-- end GeoTrust Smart Icon tag --> 
 
      </div> 
 
     </div> 
 

 
     <div class="Content Wide" id="LayoutColumn2"> 
 
      %%Panel.WrapperBanner%% %%Panel.PageBreadcrumb%% 
 
      <h1 class="TitleHeading">%%GLOBAL_PageTitle%%</h1> %%GLOBAL_PageContent%% %%Panel.PageComments%% %%Banner.BottomBanner%% 
 

 

 

 

 

 
<div class="BlockContent CategoryContent">     
 
    <script type="text/javascript"> 
 
    lang.CompareSelectMessage = '%%LNG_CompareSelectMessage%%'; 
 
    </script> 
 

 
    <form name="frmCompare" id="frmCompare" action="%%GLOBAL_CompareLink%%" method="get" onsubmit="return compareProducts('%%GLOBAL_CompareLink%%')"> 
 
     %%Panel.BrandProductListing%% 
 

 
     <div class="product-nav btm"> 
 
      <div class="PagingBottom"> 
 
       %%SNIPPET_BrandPaging%% 
 
      </div> 
 
      <div class="clear"></div> 
 
     </div> 
 
     <div class="CompareButton" style="display:%%GLOBAL_HideCompareItems%%"> 
 
      <input value="%%LNG_CompareSelected%%" type="submit" class="btn alt" /> 
 
     </div> 
 
    </form> 
 
</div> 
 

 

 

 
     </div> 
 

 
     <div class="Left fleft" id="LayoutColumn4"> 
 
      %%Panel.SideSubPageList%% %%Panel.SideCategoryList%% %%Panel.SideShopByBrand%% %%Panel.SideNewsletterBox%% 
 
         %%Panel.SocialLinks%% %%Panel.SideLiveChatServices%% 
 
         <div id="SideLinks" class="clearfix"> 
 
          
 
          <div id="cards"> 
 
           <img src="https://www.brace-mart.com/template/cards.png" alt="Accepting all major credit cards" /> 
 
          </div> 
 
          <style> 
 
           
 
           #cards { 
 
            text-align: center; 
 
            margin-top: 15px; 
 
           } 
 
          </style> 
 
         
 
          
 

 
          
 
      
 
          <!-- Begin Official PayPal Seal --><a href="https://www.paypal.com/us/verified/pal=roger%40surecareortho%2ecom" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" width="60px" border="0" alt="Official PayPal Seal"></A><!-- End Official PayPal Seal --> 
 
       
 
          <!-- GeoTrust QuickSSL [tm] Smart Icon tag. Do not edit. --> 
 
          <script language="javascript" type="text/javascript" src="//smarticon.geotrust.com/si.js"></script> 
 
          <!-- end GeoTrust Smart Icon tag --> 
 
      </div> 
 
     </div> 
 

 
     <div class="clear"></div> 
 
     </div> 
 
    </div> 
 
    %%Panel.Footer%% 
 
    </div> 
 
</body> 
 

 
</html>

但是，產品沒有顯示出來。我假設，因爲這是一個自定義頁面，模板（代碼片段%% Panel.BrandProductListing %%，我猜）沒有意識到它是一個品牌。有什麼方法可以指定顯示產品的品牌？還是有更好的方式來設置自定義頁面？聽起來這種要求在電子商務世界中很常見。

謝謝!!!

來源

2016-10-04 Mary7678

您無法將自定義模板與包含藍圖主題的品牌頁一起使用。自定義品牌模板僅在模板上可用。品牌產品列表的變量/面板不適用於常規類別，因爲它僅適用於品牌的模板。 – Alyss

謝謝，@Alyss，這有助於！ – Mary7678

根據Danielle Mead的說法，「您必須讓品牌成爲一個類別，然後才能將自定義頁面模板應用於該類別，而不能將自定義模板應用於品牌。」 David Inman也做出了貢獻：「我們一直這樣做，只需將品牌URL重定向到您的類別並將自定義模板應用到該類別即可。」

由於BigCommerce不允許將自定義模板添加到品牌中，因此必須添加具有所需產品的新類別。類別確實允許自定義模板，因此將自定義模板應用於該類別將允許顯示自定義類別內容和所需產品。然後可以應用重定向將用戶發送到類別頁面而不是品牌頁面。

來源

2016-10-11 16:43:36 Mary7678

如何創建一個顯示BigCommerce中特定品牌產品的自定義列表頁面？

回答

相關問題