下記shopifyで制作されたサイトのように、カラー選択で商品スライドを切り替える仕様にしたいのですが、これはテンプレートのデフォルト機能でしょうか。またはどうのようなアプリを使用されているのでしょうか?どなたかわかる方、ご教授いただけると助かります。よろしくお願いします。
参考サイト
https://www.ivoryanddeene.com.au/products/pierre-fur-bean-bag-emerald-green
カラー選択で商品スライド画像を切り替える実装について、参考サイトの挙動がテーマのデフォルト機能か、アプリかを確認する相談。
回答:テーマ(Shopifyのデザインテンプレート)でのデフォルト対応と、アプリ(拡張機能)による実装の二通りが一般的。テーマ例:Warehouse/Impulse/Symmetry。
アプリ例:Variant Image Grouper。バリエーション(色などの選択肢)ごとに画像をグループ化し、選択時に対応画像へスライドを切り替えることが可能。
最新の更新:投稿者が追加で、商品画像の画角・サイズについて質問。スクエア前提のテーマでも縦長画像に変更できるか、画像サイズはテーマで固定かアップロード画像に応じて可変かを確認中。
結論・進行状況:追加質問への回答は未掲載で、議論は継続。具体的な採用テーマ/アプリの決定は未定。
補足:参考製品ページおよびテーマ・アプリのリンクが提示され、機能理解に有用。
下記shopifyで制作されたサイトのように、カラー選択で商品スライドを切り替える仕様にしたいのですが、これはテンプレートのデフォルト機能でしょうか。またはどうのようなアプリを使用されているのでしょうか?どなたかわかる方、ご教授いただけると助かります。よろしくお願いします。
参考サイト
https://www.ivoryanddeene.com.au/products/pierre-fur-bean-bag-emerald-green
Nelle1さま
はじめまして。フルバランス株式会社の園畑です。
バリエーションごとに画像を分けられたらユーザーにとって嬉しいですよね。
こちらの機能ですが、デフォルトで入っているテーマとアプリによる2つの実装が一般的に考えられます。
一例ですが、デフォルトのテーマと実装可能なアプリは下記になります。
■テーマ
Warehouse :https://themes.shopify.com/themes/warehouse/styles/metal?locale=ja
Impulse:https://themes.shopify.com/themes/impulse/styles/modern?surface_inter_position=2&surface_intra_position=14&surface_type=all
Symmetry:https://themes.shopify.com/themes/symmetry/styles/chantilly?surface_detail=symmetry&surface_inter_position=1&surface_intra_position=1&surface_type=search
■アプリ
https://apps.shopify.com/variantimagegrouper?locale=ja
ぜひ一度ご確認くださいませ。
また、お困りのことがあれば是非ご質問くださいね。
ご回答ありがとうございます。
デフォルトテーマとアプリそれぞれあるんですね。
大変参考になりました。
また何かありましたらご質もさせてください。よろしくお願いいたします。
先日はご回答ありがとうございました。大変参考になりました。
初歩的なご質問で恐縮なのですが、商品画像のリスト画像やスライド画像の画角についてなのですが、テーマがスクエアの画像だった場合でも、例えばタテ位置画像等に変更は可能でしょうか。
また画像サイズは、テーマごとに指定サイズが決まっているのか、またはアップした画像ごとに表示が変わるものなんでしょうか。
初心者的なご質問で申し訳ありませんが、よろしくお願いします。