# 商品ページについて **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [February 17, 2023, 3:48am UTC](https://community.shopify.com/t/topic/192700 "2023-02-17T03:48:26Z")\ **Posts on this page:** 2\ **Page:** 1 ## AI-generated summary 商品ページでカラーバリエーションをクリックすると、そのカラーの専用ページに遷移する機能の実装方法についての質問です。 **提案された解決策：** - **テーマ変更：** 参考サイトはImpulseテーマを使用しており、この機能が標準実装されているため、テーマ自体を変更するのが最も簡単な方法。 - **アプリ利用：** コードカスタマイズに慣れていない場合は、Variant Swatch Kingなどのアプリの利用を推奨。 - **コードカスタマイズ：** テーマ変更が不可能な場合、カスタムコードでの実装も可能だが、コード量が多くなる。 デモサイトや参考URLが提示され、具体的な実装イメージが共有されています。質問者のスキルレベルや制約条件に応じて、複数の選択肢が提案されている状況です。
**Author:** ![kazuki2](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@kazuki2](https://community.shopify.com/u/kazuki2)\ **Post date:** [February 17, 2023, 3:48am UTC](https://community.shopify.com/t/topic/192700/1 "2023-02-17T03:48:26Z")
お世話になっております。 添付URLのように 商品カラーを押すと その商品のカラーのページに飛べる設定を 考えているのですが、どのように実装すればいいかわかりません。 アプリorカスタマイズでできるのであればご教示いただきたく存じます。 よろしくお願いいたします。 [https://nairo.jp/products/msk2211204?variant=43667204866270](https://nairo.jp/products/msk2211204?variant=43667204866270) ---
**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:** [February 24, 2023, 12:28pm UTC](https://community.shopify.com/t/topic/192700/2 "2023-02-24T12:28:19Z")
参考サイト様は下記のテーマを使用されているようです。 [https://archetypethemes.co/products/shopify-theme-impulse](https://archetypethemes.co/products/shopify-theme-impulse) デモサイトを拝見しますと、 [https://themes.shopify.com/themes/impulse/styles/modern/preview](https://themes.shopify.com/themes/impulse/styles/modern/preview) 質問者様のご希望の機能が元々実装されているように見えますので、 テーマ自体を変更可能であれば、 こちらのテーマに変えてしまうのが良いかもしれません。 テーマが変更できない場合、 コードカスタマイズでも対応可能ですが、 かなりコードが長くなりますので、 コードカスタマイズに慣れていらっしゃらない場合はアプリ利用がおすすめです。 例えば、こちらのアプリなどいかがでしょうか？ [https://apps.shopify.com/variant-swatch-king?locale=ja](https://apps.shopify.com/variant-swatch-king?locale=ja) デモサイト: [https://demo.starapps.studio/products/beige-basketweave-bucket-shoulder-bag](https://demo.starapps.studio/products/beige-basketweave-bucket-shoulder-bag) ご参考まで。 (キュー田辺)