# Shopify 商品画面にカラーパレットを表示させる方法

**URL:** <https://community.shopify.com/t/shopify/119213>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Created:** [May 6, 2022, 9:08am UTC](https://community.shopify.com/t/shopify/119213 "2022-05-06T09:08:37Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

商品ページにカラーパレット（色スウォッチ）を表示する方法の相談。

- 推奨方針: 外部アプリの導入が前提。例: Product Colors、G Variant + Colour Swatch、Variants Options, Color Swatch、ほか「swatch」検索で候補あり。
- 利用手順: 各アプリの機能説明を確認し、1〜2件を無料トライアルで動作検証。
- サポート範囲: いずれもサードパーティ製のため詳細な操作はShopifyでは未把握。英語表記はGoogle翻訳の利用を推奨。
- 問い合わせ先: 質問は各アプリのストア記載の連絡先へ。必要に応じてShopifyサポート経由で代行問い合わせ可（アプリ名と内容を送付）。
- 代替案: テーマのコード編集でも実装可能性あり。ただしサポート対象外のため、技術支援は日本のエキスパートへの相談を推奨。
- 状況: 具体的なコードや手順の提示はなく、アプリ選定・検証が今後のアクション。

<div class="post-metadata">

**Author:** ![ls2525](https://avatars.discourse-cdn.com/v4/letter/l/aeb1de/32.png) [@ls2525](https://community.shopify.com/u/ls2525)\
**Post date:** [May 6, 2022, 9:08am UTC](https://community.shopify.com/t/shopify/119213/1 "2022-05-06T09:08:37Z")

</div>

商品画面にてカラーパレット(色)で表示させる方法を詳細に説明していただけますと大変助かります。

---

<div class="post-metadata">

**Author:** ![rinaflora](https://avatars.discourse-cdn.com/v4/letter/r/839c29/32.png) [@rinaflora](https://community.shopify.com/u/rinaflora)\
**Post date:** [May 18, 2022, 5:20pm UTC](https://community.shopify.com/t/shopify/119213/2 "2022-05-18T17:20:08Z")

</div>

[**Ls2525**](https://community.shopify.com/user/1159846)様、Shopifyコミュニティーへようこそ！

商品をカラーパレットで表示するには、アプリを導入していただく必要がございます。関連アプリを下記にいくつかご紹介させていただきますので、ご検討ください。

- [Product Colors](https://apps.shopify.com/product-colors?utm_source=gurucopy&utm_medium=link&utm_campaign=Gurus&utm_content=product-colors)
- [G Variant + Colour Swatch](https://apps.shopify.com/globo-color-swatches?surface_detail=product+colour+palette&surface_inter_position=1&surface_intra_position=6&surface_type=search)
- [Variants Options, Color Swatch](https://apps.shopify.com/variant-swatch-king?utm_source=gurucopy&utm_medium=link&utm_campaign=Gurus&utm_content=variant-swatch-king)
- [その他のアプリ](https://apps.shopify.com/search?q=swatch)

なお、これらは外部開発のアプリとなっておりますので、使用方法や操作の詳細を弊社では把握しておりません。まずは、各アプリのアプリストアのページにて機能説明をご確認ください。（英語のみの内容については、[Google翻訳](https://translate.google.com/?hl=ja)などの翻訳機能をご利用ください。）

詳細な機能については実際にご利用いただくことを推奨しておりますので、1−2つほどご興味のあるアプリをご選択のうえ、無料トライアルにて仕様や動作確認をして頂ければと存じます。

実際にアプリをご利用いただく中でご質問等出てくるかと存じますが、その場合はアプリストアに記載されているお問合せ先へ貴社より直接お問い合わせいただくか、 弊社から代行で問い合わせを作成することも可能です。ご希望の際はアプリ名と問い合わせ内容を添えて[Shopifyサポート](https://help.shopify.com/ja/questions#/login)までお問合せください。

また、代替案としてコードの編集を行い実装できる可能性もございますが、コードの編集は弊社のサポート対象外となっておりますこと、ご了承ください。コードの編集を行う際に技術的サポートが必要な場合は、[日本のエキスパート一覧](https://community.shopify.com/topic/722989)より専門家にご相談いただくことを推薦いたします。
