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

Question

我们正在尝试在 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%%，我猜）没有意识到它是一个品牌。有什么方法可以指定展示产品的品牌吗？或者有没有更好的方法来设置自定义页面？听起来这种要求在电子商务世界中很常见。

谢谢！！！

Answer 1

根据 Danielle Mead 的说法，"You'd have to make the brand a category and then you could apply a custom page template to it. You can't apply custom templates to brands." David Inman 也做出了贡献，"We do this all the time. Just redirect the Brand URL to your Category and apply the custom template to that."

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

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

How can one create a custom listing page displaying products for a specific brand in BigCommerce?

html

code-snippets

e-commerce

bigcommerce