new_window arrow_01 arrow_02 arrow_03 arrow_04 arrow_05 arrow_06 arrow_07 arrow_08 arrow_09 menu close metaphase facebook instagram twitter tumblr logo_metaphase

[shopify]カートへ追加する

Other

2022.02.01

メタフェイズではshopifyを利用したストア構築を行っています。
今回は商品をカートへ追加する方法を紹介いたします。

 
1 カートへ商品追加form版

<form method="post" action="{{ routes.cart_add_url }}" {{ html_params }}>
   <input type="hidden" name="id" value="{{ variant.id }}" />
   <input type="hidden" name="quantity" value="個数"/>
   <input type="hidden" name="properties[プロパティ名]" value="{{ プロパティ値}}">
   <button type="submit">カートに入れる</button>
</form>​

 
2 カートへ商品追加aタグ版

<a href="/cart/add?id={{ variant.id }}&quantity=個数">カートに入れる</a>

 
+line item property設定

https://{{ request.host }}/cart/add?id={{ バリエーションID }}&quantity=個数&properties[プロパティ名]={{ プロパティ値 }}

 
3 カート商品削除aタグ版

<a href="/cart/change?line={{ インデックス }}&quantity=0">削除</a>

 

<a href="/cart/change?id={{ variant.id }}&quantity=0">削除</a>

 
4 カートの中身を削除&指定商品をカートへ追加&チェックアウト画面へ

https://{{ request.host }}/cart/{{ variant.id }}:個数

 
+Cart Attributes指定

https://{{ request.host }}/cart/{{ variant.id }}:個数?attributes[キー]=値

 
5 カートの中身更新

https://{{ request.host }}/cart/update?updates[バリエーションID]=個数&updates[バリエーションID]=個数

 
+Cart Attributes指定&削除

https://{{ request.host }}/cart/update?updates[バリエーションID]=個数&updates[バリエーションID]=個数&attributes[product]=ABCD&attributes[custom]=

 

 
shopifyを利用したストアの構築・運用のご相談はお問い合わせフォームより受け付けております。

 

 

最新のブログ記事