• Topic 主题 トピック Topic Topic
  • Sign in

カラーパレットでクイック購入をサポートする

「クイックカート追加パレット」機能を使用すると、顧客はカラーパレットを介してSKUを迅速に見つけて選択し、効率的にカートに追加できます。現在、この機能は次のテーマでサポートされています:Charm および Modern。

 

目次

 


 

効果の表示

  1. SKUを選択すると、その色に対応する画像が表示されます。
  2. 製品カードの上にマウスを置くと、画像内でサイズのバリエーションなど、他のバリエーションが表示されます。
  3. サイズのバリエーションをクリックすると、そのバリエーションが直接カートに追加されます。

 


 

構成手順

  1. 製品管理ページで、マルチバリエーション商品を設定します。 「クイックカート追加パレット」機能をサポートする商品は、同時に2つの要件を満たす必要があります:
  • 製品には特定のスタイルのカラーバリエーションが必要です。 顧客側の言語が英語の場合、バリエーション名は「color」である必要があります。
  • 製品には2つの商品バリエーションのみを持つことができます(2つ以上の商品バリエーションがある場合、カラーパレットのみが表示され、
    クイックカートボタンは表示されません)

  • カラーパレットの表示方法:カラーパレットはカラーバリエーションの順に表示されます。 英単語に基づいて色を一致させます(大文字と小文字をサポート)。 一致が見つかると、特定の色が選択されます。 一致が見つからない場合は、フォールバック画像/色が表示されます。
  1. テーマ設定 > 商品で、クイックカートパレットをオンにします。オンにすると、色のバリエーションがカラーパレットの形式で表示され、他のバリエーションの属性は製品情報にマウスを重ねると表示されます。顧客は色と他のバリエーションの属性を選択した後、製品を素早くショッピングカートに追加できます。
    Note:製品詳細ページでのカラーパレット表示方法は、製品詳細ページの構成で設定する必要があります。


    65932d9d-503c-4fbe-a4e5-a68e50ba2db6

  2. 以下のスタイルを設定することもできます:
  • パレットスタイル:スクエア、ラウンド、または角丸四角形
  • 最大表示色数: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  

 

 

この記事は役に立ちましたか?

Need more help? Contact us via the chatbox in your admin panel.

需要更多帮助?通过您商店后台的对话框与我们联系。

Need more help? Contact us via the chatbox in your admin panel.

Need more help? Contact us via the chatbox in your admin panel.

さらにサポートが必要ですか?必要なすべてのサポートをご提供いたします。

Log In and Get Help 登录并获取支援 Log In and Get Help Log In and Get Help お問い合わせ
他にご質問がございましたら、リクエストを送信してください

コメント