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