「クイックカート追加パレット」機能を使用すると、顧客はカラーパレットを介してSKUを迅速に見つけて選択し、効率的にカートに追加できます。現在、この機能は次のテーマでサポートされています:Charm および Modern。
目次
効果の表示
-
SKUを選択すると、その色に対応する画像が表示されます。
-
製品カードの上にマウスを置くと、画像内でサイズのバリエーションなど、他のバリエーションが表示されます。
- サイズのバリエーションをクリックすると、そのバリエーションが直接カートに追加されます。
構成手順
- 製品管理ページで、マルチバリエーション商品を設定します。 「クイックカート追加パレット」機能をサポートする商品は、同時に2つの要件を満たす必要があります:
- 製品には特定のスタイルのカラーバリエーションが必要です。 顧客側の言語が英語の場合、バリエーション名は「color」である必要があります。
-
製品には2つの商品バリエーションのみを持つことができます(2つ以上の商品バリエーションがある場合、カラーパレットのみが表示され、
クイックカートボタンは表示されません)
- カラーパレットの表示方法:カラーパレットはカラーバリエーションの順に表示されます。 英単語に基づいて色を一致させます(大文字と小文字をサポート)。 一致が見つかると、特定の色が選択されます。 一致が見つからない場合は、フォールバック画像/色が表示されます。
-
テーマ設定 > 商品で、クイックカートパレットをオンにします。オンにすると、色のバリエーションがカラーパレットの形式で表示され、他のバリエーションの属性は製品情報にマウスを重ねると表示されます。顧客は色と他のバリエーションの属性を選択した後、製品を素早くショッピングカートに追加できます。
Note:製品詳細ページでのカラーパレット表示方法は、製品詳細ページの構成で設定する必要があります。
- 以下のスタイルを設定することもできます:
- パレットスタイル:スクエア、ラウンド、または角丸四角形
- 最大表示色数:1-6(最大表示色数を超える色は+Nと表示され、Nは製品の色数から最大表示色数を引いた数になります)。
- カラーカード表示スタイル:1行のみ表示、左右にスワイプ、またはタイル表示
- 表示サイズ:小、中、大
カラーリファレンスチャート
標準カラー
キーワード |
HEX カラーコード |
例 |
---|---|---|
黒 |
#000000 |
|
銀 |
#c0c0c0 |
|
灰色 |
#808080 |
|
白 |
#ffffff |
|
マルーン |
#800000 |
|
赤 |
#ff0000 |
|
紫 |
#800080 |
|
紫紅 |
#ff00ff |
|
緑 |
#008000 |
|
ライム |
#00ff00 |
|
オリーブ |
#808000 |
|
黄色 |
#ffff00 |
|
ネイビー |
#000080 |
|
ブルー |
#0000ff |
|
ティール |
#008080 |
|
アクア |
#00ffff |
その他の色
キーワード |
HEX カラーコード |
例 |
---|---|---|
アリスブルー |
#f0f8ff |
|
アンティークホワイト |
#faebd7 |
|
アクア |
#00ffff |
|
アクアマリン |
#7fffd4 |
|
アズール |
#f0ffff |
|
ベージュ |
#f5f5dc |
|
ビスク |
#ffe4c4 |
|
黒 |
#000000 |
|
ブランチドアーモンド |
#ffebcd |
|
青 |
#0000ff |
|
青紫 |
#8a2be2 |
|
茶色 |
#a52a2a |
|
バーリーウッド |
#deb887 |
|
カデットブルー |
#5f9ea0 |
|
シャルトルーズ |
#7fff00 |
|
チョコレート |
#d2691e |
|
珊瑚 |
#ff7f50 |
|
コーンフラワーブルー |
#6495ed |
|
コーンシルク |
#fff8dc |
|
クリムゾン |
#dc143c |
|
シアン (同じく アクア ) |
#00ffff |
|
ダークブルー |
#00008b |
|
ダークシアン |
#008b8b |
|
ダークゴールデンロッド |
#b8860b |
|
ダークグレー |
#a9a9a9 |
|
ダークグリーン |
#006400 |
|
ダークグレイ |
#a9a9a9 |
|
ダークカーキ |
#bdb76b |
|
ダークマゼンタ |
#8b008b |
|
ダークオリーブグリーン |
#556b2f |
|
ダークオレンジ |
#ff8c00 |
|
ダークオーキッド |
#9932cc |
|
ダークレッド |
#8b0000 |
|
ダークサーモン |
#e9967a |
|
ダークシーグリーン |
#8fbc8f |
|
ダークスレートブルー |
#483d8b |
|
ダークスレートグレイ |
#2f4f4f |
|
ダークスレートグレー |
#2f4f4f |
|
ダークターコイズ |
#00ced1 |
|
ダークバイオレット |
#9400d3 |
|
ディープピンク |
#ff1493 |
|
ディープスカイブルー |
#00bfff |
|
暗灰色 |
#696969 |
|
薄暗い灰色 |
#696969 |
|
ドジャーブルー |
#1e90ff |
|
ファイアーブリック |
#b22222 |
|
フローラルホワイト |
#fffaf0 |
|
フォレストグリーン |
#228b22 |
|
フクシア |
#ff00ff |
|
ゲインズボロ |
#dcdcdc |
|
ゴーストホワイト |
#f8f8ff |
|
ゴールド |
#ffd700 |
|
ゴールデンロッド |
#daa520 |
|
グレー |
#808080 |
|
緑 |
#008000 |
|
緑黄色 |
#adff2f |
|
グレー (同じく グレイ ) |
#808080 |
|
ハニーデュー |
#f0fff0 |
|
ホットピンク |
#ff69b4 |
|
インディアンレッド |
#cd5c5c |
|
インディゴ |
#4b0082 |
|
アイボリー |
#fffff0 |
|
カーキ |
#f0e68c |
|
ラベンダー |
#e6e6fa |
|
ラベンダーブラッシュ |
#fff0f5 |
|
ローングリーン |
#7cfc00 |
|
レモンシフォン |
#fffacd |
|
ライトブルー |
#add8e6 |
|
ライトコーラル |
#f08080 |
|
ライトシアン |
#e0ffff |
|
ライトゴールデンロッドイエロー |
#fafad2 |
|
ライトグレー |
#d3d3d3 |
|
ライトグリーン |
#90ee90 |
|
ライトグレー |
#d3d3d3 |
|
ライトピンク |
#ffb6c1 |
|
ライトサーモン |
#ffa07a |
|
ライトシーグリーン |
#20b2aa |
|
ライトスカイブルー |
#87cefa |
|
ライトスレートグレイ |
#778899 |
|
ライトスレートグレー |
#778899 |
|
ライトスチールブルー |
#b0c4de |
|
ライトイエロー |
#ffffe0 |
|
ライム |
#00ff00 |
|
ライムグリーン |
#32cd32 |
|
リネン |
#faf0e6 |
|
マゼンタ (same as フューシャ ) |
#ff00ff |
|
マルーン |
#800000 |
|
mediumaquamarine |
#66cdaa |
|
mediumblue |
#0000cd |
|
mediumorchid |
#ba55d3 |
|
ミディアムパープル |
#9370db |
|
ミディアムシーグリーン |
#3cb371 |
|
ミディアムスレートブルー |
#7b68ee |
|
ミディアムスプリンググリーン |
#00fa9a |
|
ミディアムターコイズ |
#48d1cc |
|
ミディアムバイオレットレッド |
#c71585 |
|
ミッドナイトブルー |
#191970 |
|
ミントクリーム |
#f5fffa |
|
ミスティローズ |
#ffe4e1 |
|
モカシン |
#ffe4b5 |
|
ナバホホワイト |
#ffdead |
|
ネイビー |
#000080 |
|
オールドレース |
#fdf5e6 |
|
オリーブ |
#808000 |
|
オリーブドラブ |
#6b8e23 |
|
オレンジ |
#ffa500 |
|
オレンジレッド |
#ff4500 |
|
オーキッド |
#da70d6 |
|
ペイルゴールデンロッド |
#eee8aa |
|
ペイルグリーン |
#98fb98 |
|
ペイルターコイズ |
#afeeee |
|
ペールバイオレットレッド |
#db7093 |
|
パパイヤホイップ |
#ffefd5 |
|
ピーチパフ |
#ffdab9 |
|
ペルー |
#cd853f |
|
ピンク |
#ffc0cb |
|
プラム |
#dda0dd |
|
パウダーブルー |
#b0e0e6 |
|
パープル |
#800080 |
|
レベッカパープル |
#663399 |
|
赤 |
#ff0000 |
|
ロージーブラウン |
#bc8f8f |
|
ロイヤルブルー |
#4169e1 |
|
サドルブラウン |
#8b4513 |
|
サーモン |
#fa8072 |
|
砂漠のようなブラウン |
#f4a460 |
|
シーグリーン |
#2e8b57 |
|
シーシェル |
#fff5ee |
|
シエナ |
#a0522d |
|
シルバー |
#c0c0c0 |
|
スカイブルー |
#87ceeb |
|
スレートブルー |
#6a5acd |
|
スレートグレイ |
#708090 |
|
スレートグレー |
#708090 |
|
スノー |
#fffafa |
|
スプリンググリーン |
#00ff7f |
|
スチールブルー |
#4682b4 |
|
タン |
#d2b48c |
|
ティール |
#008080 |
|
シスル |
#d8bfd8 |
|
トマト |
#ff6347 |
|
ターコイズ |
#40e0d0 |
|
バイオレット |
#ee82ee |
|
小麦色 |
#f5deb3 |
|
白 |
#ffffff |
|
ホワイトスモーク |
#f5f5f5 |
|
イエロー |
#ffff00 |
|
イエローグリーン |
#9acd32 |
コメント