# トップページなどに配置しているセクション「特集コレクション」の商品画像からオプション選択がしたい **URL:** \ **Category:** 技術的なQ＆A\ **Tags:** css\ **Created:** [March 12, 2023, 3:09am UTC](https://community.shopify.com/t/topic/198868 "2023-03-12T03:09:18Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary Dawnテーマを使用しているユーザーが、トップページの「特集コレクション」セクションで商品画像の下にオプション選択機能を追加したいと質問しています。 **検討していた方法：** - オプション機能が備わったテンプレートの購入 - 商品オプションアプリの導入 - Liquidでのカスタマイズ対応 **提案された解決策：** Qcoltdから2つのアプリが推奨されました： 1. **Swatch King - Variant Options** 2. **GLO Color Swatch, Variant Image** 質問者は「GLO Color Swatch, Variant Image」を導入し、商品画像下にオプションを追加することができたと報告。問題は解決済みです。
**Author:** ![Anonymous\_5c0658a0b448fe587034990973ad0695](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_5c0658a0b448fe587034990973ad0695/32/263028_2.png) [@Anonymous\_5c0658a0b448fe587034990973ad0695](https://community.shopify.com/u/Anonymous_5c0658a0b448fe587034990973ad0695)\ **Post date:** [March 12, 2023, 3:09am UTC](https://community.shopify.com/t/topic/198868/1 "2023-03-12T03:09:18Z")
使用テーマ：Dawn トップページなどに配置しているセクション「特集コレクション」の商品画像から その商品のオプション選択が出来るようにしたいです。 イメージは添付画像になります。 ・元々添付の機能が備わったテンプレートを購入する ・商品オプションアプリを導入する ・Liquidで対応する など方法があると思いますが 商品オプションアプリやLiquidで対応可能であれば嬉しいなと思っております。 ![商品オプション.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/3/e3d935013c1ae7f3953ce5e12c08e32312d90360.jpeg) ---
**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\ **Post date:** [March 24, 2023, 10:40am UTC](https://community.shopify.com/t/topic/198868/2 "2023-03-24T10:40:57Z")
ご質問いただいている、特集コレクションにオプションを表示する件ですが、 下記のアプリであればご要望に合うかと思われます。 **Swatch King ‑ Variant Options** [https://apps.shopify.com/variant-swatch-king?locale=ja&utm\_campaign=Gurus&utm\_content=variant-swatch-king&utm\_medium=link&utm\_source=gurucopy](https://apps.shopify.com/variant-swatch-king?locale=ja&utm_campaign=Gurus&utm_content=variant-swatch-king&utm_medium=link&utm_source=gurucopy) **GLO Color Swatch,Variant Image** [https://apps.shopify.com/globo-color-swatches?locale=ja&surface\_detail=product%20colour%20palette&surface\_inter\_position=1&surface\_intra\_position=6&surface\_type=search](https://apps.shopify.com/globo-color-swatches?locale=ja&surface_detail=product%20colour%20palette&surface_inter_position=1&surface_intra_position=6&surface_type=search) ご参考まで。 (キュー小坂) ---
**Author:** ![Anonymous\_5c0658a0b448fe587034990973ad0695](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_5c0658a0b448fe587034990973ad0695/32/263028_2.png) [@Anonymous\_5c0658a0b448fe587034990973ad0695](https://community.shopify.com/u/Anonymous_5c0658a0b448fe587034990973ad0695)\ **Post date:** [April 5, 2023, 3:46am UTC](https://community.shopify.com/t/topic/198868/3 "2023-04-05T03:46:02Z")
ご回答ありがとうございます！ ご記載の **GLO Color Swatch,Variant Image** を導入して商品画像の下にオプションを 追加しました。 大変助かりました 🙏