カートボタンの色を変更する

カートボタンの色は、アプリ管理画面の「設定」にある「デザインのカスタマイズ」で変更できます。予約販売中のボタンと、条件を満たしていないときのボタンに、それぞれ背景色とテキストの色を指定できます。

• 予約販売ルールを適用した商品のカートボタンだけが対象です。ルールを適用していない通常商品のボタンの色は変わりません

• 設定はストア全体で共通です。予約販売ルールごとに色を変えることはできません

• 変更できるのは背景色とテキストの色の2つです。枠線・角丸・フォント・ボタンの形は変更できません

• テーマ側でボタンに設定されている背景画像やグラデーションは打ち消されます

• 有料プランで利用できます。旧ライトプランでも利用できます。無料プランではカード名の横に鍵アイコンが表示され、設定項目を操作できません

• 再入荷通知ボタンの色は、この設定ではなくアプリ管理画面の「再入荷通知」で変更します

「デザインのカスタマイズ」には、状態ごとに2つのグループがあります。それぞれ「背景」と「テキスト」を設定できます。

「条件外のカートボタン」は3つの状態で共通して使われます。開始日前だけ色を変える、といった状態別の指定はできません。

(1) アプリ管理画面の左メニューから「設定」を開く

(2) 「デザインのカスタマイズ」セクションの「カスタマイズを有効にする」にチェックを付ける

チェックを外すと、色を指定していてもテーマ本来のボタンの色に戻ります。

(3) 「カートボタン」の「背景」「テキスト」で、予約販売時のボタンの色を選択する

(4) 「条件外のカートボタン」の「背景」「テキスト」で、条件外・開始日前・終了日後のボタンの色を選択する

(5) 画面右側の「プレビュー」で仕上がりを確認する

プレビューは色の確認用です。ボタンの形やフォントは、ストアに表示される実際のボタンとは異なります。

(6) 「保存」を選択する

「背景」「テキスト」の選択欄は、現在のカラーコードが表示されたボタンです。選択するとカラーピッカーが開き、次の3つの方法で色を指定できます。

• 色の領域をドラッグして指定する

• 下部のプリセット（原色7色・無彩色7色）から選択する

• 入力欄にカラーコードを直接入力する

入力欄が受け付けるのは「#RRGGBB」形式の6桁のカラーコードだけです。3桁の省略表記や、透明度を含む8桁の指定は入力エラーになります。

• 再入荷通知時ボタンの色を変更する

• 商品メッセージのデザインを装飾する

• 変更した設定が反映されない

• 料金プラン