Be Yours バージョン 7.1.0以降を使用している場合、この情報はあなたに関係します。
オンライン小売環境では、色見本は貴重なデジタル ツールとして機能します。特定の製品で利用可能な色のオプションのスペクトルを視覚的に表現することで、顧客の選択を容易にします。
カラースウォッチのセットアップ
次に、トリガーの設定
以下の画像の[1]として、「カラー」をトリガーとして使用します。
[テーマメニュー] > [デフォルトのテーマコンテンツの編集] に移動し、検索バーに「
triggerと入力します。 [Products] > Color Swatch Triggerの下にあります。
この例では、トリガーを
Colorに設定します。このトリガーは、製品のオプション名の実際の名前と一致するようにカスタマイズできることに注意してください。テーマメニューからトリガー 製品内のオプション名 
このステップでは、製品のカラー オプション (黒、白など) から値を自動的に取得し、製品ページに設定します。 (下の画像を参照)
ページ内 製品からの価値 
最後に、スウォッチ選択の表示
スウォッチを表示するには 2 つのスタイルがあります。
バリエーション画像
この設定により、色見本は製品のカラー オプションに割り当てられたアバター画像を反映します。
製品の色の値 色見本の表示中 
次に、 「保存」をクリックして終了します。
カスタム スウォッチは次の順序で表示されます。
まず、システムは [テーマ設定] 経由で [構成ボックス] をスキャンします。
[構成] ボックス内で、色見本は次のように定義されます。
- カスタム16進コード
- 画像ファイル名を一致させる- 画像ファイル名を使用する前に、管理ダッシュボード>コンテンツ>ファイルで画像をアップロードする必要があります。
黒の例については、下の 2 つの画像を参照してください。
カスタム16進コード 一致する画像ファイル名 
管理者ダッシュボードにアップロードされた画像ファイル:
「構成」ボックスに正確なファイル名を入力します。
[構成] ボックスに値がない場合、システムは一致するイメージ ファイルを検索します。名前はオプションの値と一致する必要があります。 PNG、JPG、WebP などのさまざまな形式をサポートします。
例:黒の値はblack.pngファイルと一致します
管理者ダッシュボード>コンテンツ>ファイルで、色の名前に一致する画像をアップロードします。
システムはこれらの画像を自動的に検索し、見本として使用します。
イメージ名は次の規則に従います。
- 大文字は小文字になります。
- スペースやその他の特殊文字はハイフンになります。
例:
Navy blue見本には、navy-blue.pngという名前を付ける必要があります。16 進コードのフォールバック
[構成] ボックスに値がなく、一致する画像が見つからない場合、システムはカラー オプションの 16 進コード (黒の場合は
#000000など) を使用して色見本を作成します。
上記 3 つの条件のいずれも満たされない場合、空白の見本 (最後の手段):
画像も有効な 16 進コードも利用できない場合、見本は空白で表示されます (白に似ていますが、真の白ではありません)。
これらはすべてバージョン 7.1.0 以降の色見本設定です。サポートが必要な場合は、お気軽にサポート チームにお問い合わせください。
