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

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

次の手順で、販売開始前・販売期間中・販売終了後の色を変更できます。

(1) 設定を開く

アプリ左側メニューの「設定」を開いてください。

(2) 色を設定する

変更したい「販売開始前」「販売期間中」「販売終了後」のカードで、背景、枠線、テキストの色を設定してください。

(3) 保存する

「保存」を選択してください。

商品メッセージを中央揃えにする設定はありません。テーマのカスタムCSSで揃えられます。

中央寄せしたあとの表示例です。

次の手順は、Dawnテーマでの例です。

(1) テーマエディタを開く

Shopify管理画面 → オンラインストア → テーマから、対象テーマの「カスタマイズ」を選択してください。

(2) 商品テンプレートを開く

テーマエディタ上部のページ選択から「ホームページ → 商品 → デフォルトの商品」を選択してください。

(3) カスタムCSSを入力する

左側の商品情報セクションを選び、「カスタムCSS」に次のコードを入力してください。

CSS

(4) 保存する

画面右上の「保存」を選択してください。

商品メッセージの背景を透過する場合も、テーマのカスタムCSSで対応します。テーマによって指定する内容が異なるため、必要な場合はお問い合わせください。

上記を確認しても解決しない場合は、お問い合わせフォームからお問い合わせください。

お問い合わせ時は、次の情報をお知らせください。