# 1色だけの商品にカラーバリエーション切り替え表示を差し込みたい **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [October 19, 2018, 3:25am UTC](https://community.shopify.com/t/topic/320 "2018-10-19T03:25:45Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary 1色ずつ個別登録した商品を、購入者には1つの商品内のカラーバリエーション切り替えのように見せたい、という要件。通常のバリエーション登録ではなく、同型番の色違い30点などを別商品ページとして持ちながら、商品ページ内に色サムネイルや切り替え導線を差し込みたいという相談です。 - 投稿者の検討案 - 商品ごとのフリーフィールドにHTMLを入れる - 商品個別にJavaScriptを追加する - 共通のHEAD/CSSと商品説明内コードを組み合わせる - フリースペース付きテーマを使う - 商品群ごとにテンプレートを作る - 返信で出た案 - スウォッチ系アプリの利用 - 1つの商品を複製し、色ごとにタイトルや画像を変更して登録 ただし、提案されたアプリでは要件を満たせず、投稿者は「バリエーション機能」ではなく、HTMLなどで任意のフリースペースを差し込む方向を再検討中です。結論はまだ出ておらず、実装方法は未解決のままです。
**Author:** ![mugitake](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mugitake/32/375412_2.png) [@mugitake](https://community.shopify.com/u/mugitake)\ **Post date:** [October 19, 2018, 3:25am UTC](https://community.shopify.com/t/topic/320/1 "2018-10-19T03:25:45Z")
カラーバリエーションが非常に多い商品を取り扱っており、カラー毎の写真枚数も多いことから、 1商品内でのカラーバリエーションを登録するのではなく、1色ずつ個別に商品登録をしながらも、 類似的にカラーバリエーション切り替え表示を差し込みたいと思っています。 まだ、試用し始めたばかりで、手探り状態なのですが、 デフォルトの状態では触れる箇所も少なく、商品単体で設定できる部分も非常に少なく どのような方法ならば実現ができて、簡単でスマートなのか悩んでおります。 （1）商品個別のフリーフィールドをAppでいれて、そこにカラーバリエーションのHTML等を入れて 商品金額の下あたりにcss等で移動させて表示させる。 （2）商品個別のHEAD内を編集できるAppなどで、商品個別にjavaを設定する。 （3）共通のHEADやCSSに何か記述して、商品説明に入れたコードの要素などを移動して表示する。 （4）自由に移動できるフリースペースが存在するテーマもある。 （5）テンプレートを商品群毎に作って埋め込む。 など、色々と考えてみましたが、決定打となる方法が見つからず、ご相談しました。 よろしくお願いいたします。 ---
**Author:** ![arisaueno](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/arisaueno/32/249951_2.png) [@arisaueno](https://community.shopify.com/u/arisaueno)\ **Post date:** [December 12, 2018, 3:41am UTC](https://community.shopify.com/t/topic/320/2 "2018-12-12T03:41:12Z")
mugitakeさん、 カラーバリエーションが多い商品を取り扱っていらっしゃるということなので、 以下のようなカラー毎の商品を登録することができるアプリをご使用いただくのはいかがでしょうか。 [https://apps.shopify.com/swatches](https://apps.shopify.com/swatches) [https://apps.shopify.com/swatchify](https://apps.shopify.com/swatchify) また、１色ずつ商品登録をされたいということですので、 すべてのバリエーションを含んだ商品を一つ登録をしていただき、そちらの商品情報を複製（コピー）し、 タイトルや商品イメージを色ごとに後から変更させて１色ずつ商品登録をすることもできるのではないかと思います。 ご参考になれば幸いです。ご確認よろしくお願いいたします。 ---
**Author:** ![mugitake](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/mugitake/32/375412_2.png) [@mugitake](https://community.shopify.com/u/mugitake)\ **Post date:** [December 12, 2018, 4:31am UTC](https://community.shopify.com/t/topic/320/3 "2018-12-12T04:31:49Z")
ありがとうございます。 残念ながら、これらのアプリでは解決できませんでした。 同じ型番で30種のカラーバリエーションがあった場合に、 商品自体は個別ページとして30点登録したいのです。 それらをあたかも一つの商品ページであるかのように、 バリエーションのサムネイルを差し込みたいのです。 もしかしたら、バリエーションのサムネイルに捕われず、 フリースペースを差し込む（HTMLで入れる）と言う方向で 探した方がいいのかもしれませんね。