FROM CACHE - jp_header

バリエーション毎に「カートにいれる」ボタンが設置できるかどうか

Kaori
Shopify Partner
20 1 6

参考サイトのように

バリエーションの表を作成し、それぞれに「カートに追加」ボタンを設置したいと考えております。

表まではvariantオブジェクトを使用すれば簡単かと思いますが、購入ボタンも設置することはできるのでしょうか??

参考サイト)https://axel.as-1.co.jp/asone/g/NCG107901-1/?cfrom=MB0000000

3件の返信3
Jizo_Inagaki
Shopify Partner
580 238 551

以下のCart APIを使うことで可能だと思います。

https://shopify.dev/api/ajax/reference/cart

/cart/add.js あたりのサンプルを試すと基本部分が分かりやすいかもしれません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Kaori
Shopify Partner
20 1 6

ありがとうございます!

API使わなくてもできると思っていたのですが不可能なのでしょうか??

Jizo_Inagaki
Shopify Partner
580 238 551

想定されているAPIを使わない方法がどういうものなのか分かりませんのでご返答できかねますが、カートページに移動してよいなら以下のスレッドにサンプルコードが記載されていますので参考になるかと思います。

https://community.shopify.com/c/shopify-design/how-to-add-quot-add-to-cart-quot-button-on-my-collect...

他にはご要望の動作をするテーマやアプリを解析することでヒントを得られるかもしれません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。