在主頁模板主題上顯示特定類別的產品

Question

如何在首頁bigcommerce上顯示特定類別的限定商品模具主題？我想展示一些類別。 ü可以在下面我的代碼，請參閱：

<main class="page-content"> 
    <h2 class="page-heading">T-Shirts On Sale</h2> 
    <span class="viewall"><a href="/t-shirts-on-sale">View More</a></span> 
    <ul class="productGrid productGrid--maxCol3" data-product-type="t-shirts-on-sale"> 
     {{#each products}} 
     <li class="product"> 
      {{>components/products/card theme_settings=../theme_settings}} 
     </li> 
     {{/each}} 
    </ul> 
    <h2 class="page-heading">Hoodies On Sale</h2> 
    <span class="viewall"><a href="/hoodies-on-sale">View More</a></span> 
    <ul class="productGrid productGrid--maxCol3" data-product-type="hoodies-on-sale"> 
     {{#each products}} 
     <li class="product"> 
      {{>components/products/card theme_settings=../theme_settings}} 
     </li> 
     {{/each}} 
    </ul> 
    <h2 class="page-heading">Polos Shirts On Sale</h2> 
    <span class="viewall"><a href="/polos-shirts-on-sale">View More</a></span> 
    <ul class="productGrid productGrid--maxCol3" data-product-type="polos-shirts-on-sale"> 
     {{#each products}} 
     <li class="product"> 
      {{>components/products/card theme_settings=../theme_settings}} 
     </li> 
     {{/each}} 
    </ul> 
</main> 

Answer 1

沒有獲取產品與現有的車把傭工特定類別的方式。你可以注入上下文與產品ID的頁面，並用它來創建產品卡，如：

注入標識的類別頁面（不是您指定的主頁）

在資產/ JS的例子/theme/category.js，這增加以下內容：

constructor(context) { 
    super(); 

    console.log(context.productIds); 
} 

而且在模板/頁/ category.html，添加：

{{inject "productIds" (pluck category.products 'id')}} 

對於主頁，你將需要馬ke更改爲資產/ js/theme/home.js而不是類別，或者使用API​​和單獨的服務器（而不是utils API，但記錄在bigcommerce.developer.com上的API）調用某個類別並提供ID /產品信息。