# カラースウォッチの設定 **学べること** * 商品カテゴリーを割り当てる方法 * Shopifyのカテゴリーメタフィールドを使用してカラースウォッチを適用する方法 * テーマの商品のバリアントにカラーメタフィールドを接続する方法 ### 1. テーマエディタで商品ページを開く * Shopify管理画面で、次に移動します **オンラインストア > テーマ**、次にクリックします **テキストの** ライブテーマの上で。 * 商品ページに移動します。 * 左パネルの **商品バリアント** の中のブロック **製品セクション**. * の下で **バリアントスタイル**、選択します **カラースウォッチ**. > 💡 ヒント: プレビューネームセレクタを使って複数のカラーバリアントがある商品を読み込んでください。 ### 2. Shopify管理画面でカテゴリを割り当てる * 移動先： **製品** Shopify管理画面で。 * 編集したい商品をクリックします。 * までスクロールします **カテゴリー** セクションで適切なオプションに割り当てます（例： **アパレル＆アクセサリー**). ### 3. カテゴリメタフィールドにカラー値を追加する * カテゴリを割り当てた後、下にスクロールして **カテゴリメタフィールド**. * そのカテゴリ固有のオプション（「Color」など）が表示されます。 * の中をクリックします **カラー** フィールドに入り、リストから選択するか、次を選択します **新しい項目を追加** を選んでカスタムカラーを入力します。 ### 4. カラーメタフィールドをバリアントブロックにリンクする * テーマエディタに戻り、再度 **商品バリアント** ブロックをクリックします。 * ファイルブラウザで次のファイルを見つけます： **カラーバリアント** を選択してから **動的ソースアイコンをクリックします** （重なった円のアイコン）。 * ドロップダウンから追加したカラーメタフィールドを選択します。 ### 5. 変更を保存する * クリック： **完了** してから **保存** テーマエディタの右上で。 *** ✅ 追加したメタフィールドの値に基づいて、クリック可能なカラースウォッチが商品に表示されるようになります。 > ⚠️ 警告: カラースウォッチは、商品に **「Color」という名前のバリアントオプションが** あり、それが対応するメタフィールドと一致している場合にのみ表示されます。 ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応