如何在BigCommerce中创建显示特定品牌产品的自定义列表页面?

时间:2016-10-04 19:35:13

标签: html e-commerce code-snippets bigcommerce

我们正尝试在https://www.brace-mart.com/test-drive-medical设置自定义品牌目标网页,以满足该品牌的要求。我们希望该品牌的产品在品牌描述下方列出,因此我们使用自定义模板创建了自定义页面:

%%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 %%,我猜)没有意识到它是一个品牌。有什么方法可以指定展示产品的品牌吗?或者有更好的方法来设置自定义页面?听起来这种要求在电子商务领域非常普遍。

谢谢!!!

1 个答案:

答案 0 :(得分:0)

根据Danielle Mead的说法,“你必须让品牌成为一个类别,然后才能将自定义页面模板应用到它。你不能将自定义模板应用于品牌。” David Inman也做出了贡献,“我们一直这样做。只需将品牌网址重定向到您的类别,然后将自定义模板应用到该类别。”

由于BigCommerce不允许将自定义模板添加到品牌,因此必须添加包含所需产品的新类别。类别执行允许自定义模板,因此将自定义模板应用于类别将允许显示自定义类别内容和所需产品。然后可以应用重定向将用户发送到类别页面而不是品牌页面。