FROM CACHE - jp_header

商品のバリエーション選択を独自に実装するオススメの方法が知りたいです

解決済
syumpei
新規メンバー
2 0 1

デフォルトのバリエーション選択は、例えばiPhoneだと、以下画像のようにドラム式のセレクトになってしまい、画像つきで選択することができないと思います。

Image from iOS.png

希望としては、以下画像のように、バリエーションを画像に名前を添えた表示のモーダル等で選べるようにしたいと考えております。

Frame 1.png

オススメのアプリや実装方法などあれば、是非、教えていただきたいです。

1 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
581 238 551

成功

ご希望の動作のものかどうかは分かりませんが、以下のようにアプリを検索されると候補となるものが見つかるかもしれません。

https://apps.shopify.com/search?q=variants+options&category=store-design

自作される場合はHTML/JS/CSS/Liquidの知識が必要になりますので、いろいろ調べながら学ばれることをお勧めします。
以下は現在使用不可のサンプルのようですが、作成する対象のイメージを掴むことはできるかもしれません。

https://community.shopify.com/c/Shopify-Design/Product-pages-Add-color-swatches-to-products/m-p/6164...

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2
Jizo_Inagaki
Shopify Partner
581 238 551

成功

ご希望の動作のものかどうかは分かりませんが、以下のようにアプリを検索されると候補となるものが見つかるかもしれません。

https://apps.shopify.com/search?q=variants+options&category=store-design

自作される場合はHTML/JS/CSS/Liquidの知識が必要になりますので、いろいろ調べながら学ばれることをお勧めします。
以下は現在使用不可のサンプルのようですが、作成する対象のイメージを掴むことはできるかもしれません。

https://community.shopify.com/c/Shopify-Design/Product-pages-Add-color-swatches-to-products/m-p/6164...

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
syumpei
新規メンバー
2 0 1