株式会社メタフェイズ

Shopify

カートへ追加する

メタフェイズでは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を利用したストアの構築・運用のご相談はお問い合わせフォームより受け付けております。

Share on

その他の記事

  • Strategy

    ECサイトとは?簡単にできる構築方法を実例をもとにご紹介

  • Shopify

    セクションに可変長カスタム入力欄を設置する

  • Shopify

    コレクション内商品のタイトルだけ表示する

トップへ戻る

お問い合わせ

Webサイト制作やWebビジネスに関するお悩みがある方はお気軽にご相談ください。

お問い合わせはこちら

会社案内

社内で検討・回覧したい方向けに、弊社の会社概要や最新の制作実績を掲載した資料を、PDFでご覧いただけます。

ホワイトペーパー

最新のプロジェクトや過去の7,000サイト以上の実績と経験で獲得したWebサイト制作におけるノウハウの一部をホワイトペーパーとして公開しています。