購入ボタン（buy button）の商品の切り替え

[ryujiu]

お世話になります。

現在、Shopifyのサイト内ではなく外部サイトで商品を見せて、

そこから購入ボタンでカートに入れたりチェックアウトしたりする構造を検討しています。

商品のバリエーションが多岐にわたり、商品を一覧で見せるのではなく、

例えばセレクトボックスで色やサイズを選択したらそれに該当する商品を上部の画像で表示し、購入ボタンも表示するような感じです。

その際、演出など少しリッチなコンテンツにするため外部サイトで実装することを考えています。

販売チャネルの Buy Button から購入ボタンのタグを生成してサイトに貼れることはわかったのですが、

商品ごとにボタンを用意するのではなく、一度生成した購入ボタンを流用して商品を切り替えられないかと考えております。

Buy Button のスクリプトの createComponent によって購入ボタンが生成されると思いますが、

この購入ボタンで購入できる商品を動的に切り替えることは可能なものでしょうか。

難しい場合、現実的なのは切り替えたいタイミングで生成されたボタンを削除し、

再度 createComponent で購入ボタンを生成するという方法でしょうか。

ご教示いただければ幸いです。よろしくお願いいたします。

[junichiokamura]

そういった動的なボタンの生成は、アプリの生成コードではなくて、直接BuyButton.jsを使って動的にボタンを表示することをお勧めします。

https://shopify.github.io/buy-button-js/

商品検索は、外部サーバー側でAPIを使って行い、結果に基づいてBuyButton.jsでボタンをレンダリングすることはできると思います。