設定画面[ 外観 ] > [ カスタマイズ ] > [ 色 ]

サイト共通の色やトップページの色、 全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

サイト共通

サイト全体のカラーや文字色、罫線、キャプション色、テーブル見出し背景、テーブル見出し文字色などの色を設定します。

項目名設定内容
背景色初期色:#f0f2f2
文字色初期色:#182927
罫線初期色:#4a6c68
キャプション色初期色:#3f5552
テーブル見出し背景初期色:#00302a
テーブル見出し文字色初期色:#ffffff

メインカラー

トップページに反映されるメインカラーを設定します。
トップページのトピック、お知らせ一覧などに反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#ffffff
文字色初期色:#182927
罫線初期色:#cddddb

アクセントカラー

サイト全体に反映されるアクセントカラーを設定します。
カートアイコンの数量の背景色と文字色・特集一覧・お知らせ一覧の日付などに反映されます。

カスタマイザーでの設定表示


項目名設定内容
背景色初期色:#339187
文字色初期色:#ffffff

ヘッダー

ヘッダーの背景色と文字色を設定します。

項目名設定内容
背景色初期色:#ffd800
文字色初期色:#181818
罫線初期色:rgba(24, 24, 24, .75)

スクロール前

スマホ・タブレット表示の際に表示されるヘッダーの背景色と文字色を設定します。
トップページでヘッダー画像が登録され、ヘッダーメニューを「常に表示」に設定している場合のみ反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:rgba(255,255,255,0)(透過)
文字色初期色:#ffffff

ボタン

メインボタン

トップページの「一覧を見る」ボタンやメンバーページ「ログイン」ボタンなどの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#3f5552
文字色初期色:#ffffff

サブボタン1

新規入会フォームの「住所検索」ボタンや「お気に入りに追加」ボタンや「新しい配送先を追加する」ボタンなどの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#448d85
文字色初期色:#ffffff

サブボタン2

カートページのバックボタンなどの背景色・文字色を設定します。
カートページの「数量更新」、「買い物を続ける」、「取り消し」や「戻る」ボタンなどに反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#cddddb
文字色初期色:#4a6c68

カートボタン

カートボタンの背景色・文字色を設定します。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#5eb2ab
文字色初期色:#ffffff

ボタン ホバー

ボタンをマウスオーバーした時の背景色・文字色を設定します。
メインボタン・サブボタン1・サブボタン2・カートボタンに反映されます。

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#002633
文字色初期色:#ffffff

タグ

タグの背景色・文字色を設定します。

新商品

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#e710b9
文字色初期色:#ffffff

お勧め商品

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#e70002
文字色初期色:#ffffff

セール

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#e78b01
文字色初期色:#ffffff

キャンペーン

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#bc0101
文字色初期色:#ffffff

在庫僅少

カスタマイザーでの設定表示
項目名設定内容
背景色初期色:#d82558
文字色初期色:#ffffff