商品メッセージのデザインカスタマイズ

色・背景・枠線のカスタマイズ方法

商品メッセージの背景色・枠線の色・テキスト色を変更できます。フェーズ(販売開始前・販売期間中・販売終了後)ごとに個別に設定できます。

  1. アプリ左側メニューの「設定」を開きます

  2. 変更したいフェーズのセクションを開きます

  3. 以下の項目を設定します

    • 背景: 商品メッセージの背景色

    • 枠線: 商品メッセージの枠線の色

    • テキスト: 文字の色

  4. 保存します

中央揃えにする機能はございませんが、テーマエディターのカスタムCSSを利用することで対応可能です。

変更後(中央寄せ)

  1. オンラインストア > テーマ > カスタマイズの順に遷移

  1. テーマエディタの上部中央のセレクトボックスから「ホームページ > 商品 > デフォルトの商品」の順に選択

  1. テーマエディタの左にある商品情報のセクションを選択

  2. カスタムCSSの項目に下記のサンプルコードを入力

CSS
  1. 画面右上の「保存」をクリック

商品メッセージの背景を透過したい場合は、テーマのカスタムCSSで対応できる場合があります。詳しくはサポートまでお問い合わせください。