コレクションからすべての製品を追加するShopifyのカートに追加ボタンを作成するにはどうすればいいですか？

Question

私はRibbon & Robinと呼ばれる書籍シリーズを開始し、書籍と商品を販売するShopifyストアを設定しました。書籍と商品はともにShopifyストーリーの中に異なる「コレクション」として設定されています。商品には複数の種類（サイズ、色）があります。書籍の商品には変種がありません。参照のためにここに

からhttps://ribbonandrobin.com/

は、私は何をしようとしていると、自動的に製品がカートにBooks collectionにあるものは何でもからのすべての製品を追加し、ホームページ上のCARTボタンをTO ADDを追加することです。 Merchandise collectionの商品は無視されます。

これを行う簡単な方法はありますか？誰もが動作するコードのスニペットを提案することはできますか？

すでにコードを試しましたが、hereは運がありません。 Shopifyのサポートは可能かもしれないと言いましたが、私は試行錯誤の中でどうやって自分自身で解決するべきだと言いました。

Answer 1

これはあまり難しくありません。

特定のコレクション（この場合は書籍）からすべての製品をループし、それらのバリアントを隠し入力として出力する必要があります。

フォーム要素ですべてをラップし、送信ボタンを追加します。標準的なこと。

唯一重要なことは、隠し入力名に角括弧を追加することです。最後のものだけでなく、すべてを追加することができます。

だから、コード内では次のようになります。

<form id="add-item-form" action="/cart/add" method="post"> 
    {% for product in collections['book'].products %} 
    <input type="hidden" name="id[]" value="{{ product.variants[0].id }}"> 
    {% endfor %} 
    <input type="submit" id="add-to-cart" name="add" value="Add All Products to Cart" /> 
</form>