Liquid、JavaScriptなどに関する質問
お世話になっております。
同サイトに別ページを制作し、その中に購入可能な商品をカートに入れるボタンを設置したいです。
通常の商品ページと同じように、バリエーションを選択し、カートに追加ボタンを押下することで、カートページに遷移させたいと考えています。
その際には選択したバリエーションがカートに入っている状態にしたいです。
可能あれば商品はタブで切り替えできて2商品のうち一つを選択。
バリエーション選択し、カートに入れるボタンを押下
カートページに遷移
上記を実現したいと考えています。
ご存じの方いらっしゃいましたらご教授をお願い致します。
宜しくお願い致します。
> 同サイトに別ページを制作し、その中に...
「同サイト」というのは、「同Shopifyストア」を指していらっしゃるでしょうか?
もし、「同Shopifyストア」を意味していない場合は、
下記の「購入ボタン」を利用することで、ご要望をある程度、満たせるかと思います。
https://help.shopify.com/ja/manual/online-sales-channels/buy-button
商品をタブ切り替えする、
というところだけご自身で、
作り込みが必要になるかもしれません。
「同Shopifyストア」を意味している場合は、
上記ヘルプによると、「購入ボタン」の使用は非推奨のようです。
この場合は、
こちらに記載の方法が推奨されていますね。
しっかり読んでおりませんが、
例えば、
Add To Cartボタンのリンク先を自前で準備し、
ボタンクリック時にカート画面に遷移する、
ようなことができそうです。
商品のバリエーション変更のUIや、商品自体のタブ切り替えのUIは自作する必要がありますが、
作り込めば、希望されるものに近いものができそうです。
なお、下記のような、Shopifyストアのブログに商品を埋め込めるアプリもあるようです。
https://apps.shopify.com/dropinblog-seo-friendly-blog?locale=ja
この場合、商品のタグ切り替えは難しそうですが、
アプリストアのイメージギャラリーを見る限り、
バリエーション選択までは実装できそうです。
ご参考まで。
(キュー田辺)
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024