Liquid、JavaScriptなどに関する質問
Debutを元に今、商品詳細ページを作成しています。
そこで質問なのですが、Liquidでバリアントの色を選択したとき、同時に画像の表示もその色の画像に変更させるにはどのような方法を利用したら良いのでしょうか?
例としてこちらのサイトのようなものが実現したい内容です。
どちらのサイトも色を選択するとその色に沿った画像を表示させています。
できれば変更させる画像は1枚だけでなく複数変更させたいです。
解決済! ベストソリューションを見る。
成功
解決しました。
商品画像にある代替テキスト(image.alt)にskuをいれ、表示するvariantのskuとimage.altが一致する場合の画像を表示させることによって画像の出しわけができました。
成功
解決しました。
商品画像にある代替テキスト(image.alt)にskuをいれ、表示するvariantのskuとimage.altが一致する場合の画像を表示させることによって画像の出しわけができました。
はじめまして。
shopify初心者です。
variantごとに画像切り替えのため、コードを参考にさせていただいております。
しかし、このままだと、ドロップダウンで色選択しても、サムネイルしか変わりません(デフォルトの状態)。
リロードするとドロップダウンで選択された項目が反映されるのですが、、、
どのようにすればドロップダウンでの選択と表示させる画像がリアルタイムで連動するのでしょうか?
よろしくお願いいたします。
商品管理のバリエーションの列に画像のマークがありますが、これをクリックして画像を当て込めば、DEBUTテーマであれば解決します。
ご回答ありがとうございます。
確かにそこに画像を当て込めば、バリアントごとに画像は変えれるのですが、そこだと一枚しか画像を変えることができないですね。
今回やりたかったこととしては色(別のバリアント)を選択した時に複数枚の画像を変更したかったので自分のやり方で問題ないと思います。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024