Liquid、JavaScriptなどに関する質問
お世話になります。
現在、Shopifyのサイト内ではなく外部サイトで商品を見せて、
そこから購入ボタンでカートに入れたりチェックアウトしたりする構造を検討しています。
商品のバリエーションが多岐にわたり、商品を一覧で見せるのではなく、
例えばセレクトボックスで色やサイズを選択したらそれに該当する商品を上部の画像で表示し、購入ボタンも表示するような感じです。
その際、演出など少しリッチなコンテンツにするため外部サイトで実装することを考えています。
販売チャネルの Buy Button から購入ボタンのタグを生成してサイトに貼れることはわかったのですが、
商品ごとにボタンを用意するのではなく、一度生成した購入ボタンを流用して商品を切り替えられないかと考えております。
Buy Button のスクリプトの createComponent によって購入ボタンが生成されると思いますが、
この購入ボタンで購入できる商品を動的に切り替えることは可能なものでしょうか。
難しい場合、現実的なのは切り替えたいタイミングで生成されたボタンを削除し、
再度 createComponent で購入ボタンを生成するという方法でしょうか。
ご教示いただければ幸いです。よろしくお願いいたします。
そういった動的なボタンの生成は、アプリの生成コードではなくて、直接BuyButton.jsを使って動的にボタンを表示することをお勧めします。
https://shopify.github.io/buy-button-js/
商品検索は、外部サーバー側でAPIを使って行い、結果に基づいてBuyButton.jsでボタンをレンダリングすることはできると思います。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024