Как создать страницу со списком товаров, отображающую товары для определенного бренда в 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 ответ

Решение

По словам Даниэль Мид, "вам нужно будет сделать бренд категорией, а затем вы можете применить к ней собственный шаблон страницы. Вы не можете применять пользовательские шаблоны к брендам". Дэвид Инман также добавил: "Мы делаем это постоянно. Просто перенаправьте URL-адрес бренда в свою категорию и примените к нему пользовательский шаблон".

Поскольку BigCommerce не позволяет добавлять пользовательские шаблоны к брендам, необходимо добавить новую категорию с желаемыми продуктами. Категории допускают использование пользовательских шаблонов, поэтому применение пользовательского шаблона к категории позволит отображать как пользовательский контент категории, так и нужные продукты. Затем можно применить перенаправление для отправки пользователей на страницу категории, а не на страницу бренда.

Другие вопросы по тегам