Storefront display design

表示スタイル調整

商品ページのデザインに合わせて、アレルゲン表示のレイアウト、配色、余白、文字サイズを調整できます。

表示設定の流れを見る
配色を調整
背景、枠線、強調枠、アクセント、本文、補助テキストを調整できます。
画面幅を確認
デスクトップとモバイルのプレビューを切り替えて確認できます。
テーマ状態を確認
ライト・ダーク表示やサンプル情報を切り替えながら見た目を確認します。
表示スタイル

レイアウト、色、サイズ・余白を調整し、右側のプレビューで確認します。

表示スタイル

画像: display-style.png