SOLD OUT画像設定について
テキストのスタイルや画像の透過度、背景色を設定いただけます。
SOLD OUT画像の設定
【商品管理】→【在庫表示・通知設定】内の「SOLD OUT画像設定」に進んでください。
「在庫切れ商品」欄にて、「SOLD OUT」画像を表示する にチェックをつけて項目を設定し「設定処理を完了する」ボタンをクリックしてください。
| 設定項目と説明 | |||
| 項目 | 初期設定 | 説明 | |
| テキスト | テキスト | SOLD OUT | 10文字以内で入力してください。 文言を表示したくない場合は空白（スペース）を入力してください。 |
| フォント | Noto Sans (ゴシック体) |
フォントのスタイルを選択してください。 | |
| 太さ | 普通 | 選択したフォントによっては「太さ」の指定ができます。 太さを指定できるフォントは、Noto Sans(ゴシック体)、Noto Serif(明朝体)、Roboto、Montserrat、Playfair Displayとなります。 |
|
| サイズ | 極小 | フォントのサイズを選択してください。 | |
| 傾き | 右下がり(15度) | 文字に角度をつける場合は「右下がり」「左下がり」を選択してください。 | |
| カラーコード | #000000 | #と6桁の英数字（カラーコード）で設定してください。 カラーコード入力欄右側のカラーサンプルをクリックしてカラーを選択することも可能です。 |
|
| 縁取り | なし | 文字を縁取る場合は「白」か「黒」を選択してください。 | |
| 商品画像 | 透過度 | 70 | 数字が大きくなるほど元画像が見えにくくなります。 |
| 背景色 | 白 | 透過度が10以上の場合の背景に使用する色(白/黒)を設定してください。 | |
「プレビューする」をクリックすると、設定した SOLD OUT 画像が表示されます。
表示サイズは【デザイン管理】→【商品詳細ページ設定】→「メイン写真」にて設定した写真サイズで表示されます。
表示例
| テキスト | SOLD OUT |
| フォント | Montserrat |
| サイズ | 極小 |
| 傾き | なし |
| カラーコード | #000000 |
| 縁取り | なし |
| 透過度 | 70 |
| 背景色 | 白 |
| テキスト | SOLD OUT |
| フォント | Roboto |
| サイズ | 小 |
| 傾き | なし |
| カラーコード | #FFFFFF |
| 縁取り | なし |
| 透過度 | 40 |
| 背景色 | 黒 |
| テキスト | 売り切れ |
| フォント | Noto Sans(ゴシック体) |
| サイズ | 小 |
| 傾き | 左下がり(15度) |
| カラーコード | #980000 |
| 縁取り | なし |
| 透過度 | 70 |
| 背景色 | 白 |
テキスト位置の微調整について
上記手順にてテキストを設定後、テキストの位置がずれる場合があります。
その場合は「テキストの位置を調整する場合はこちら」 をクリックしてテキスト位置調整のパネルを開き、微調整してください。
| 設定項目と説明 | |||
| 項目 | 初期設定 | 説明 | |
| 位置調整 | 上下 | 0 | 上/左に移動：-10から-1 下/右に移動：1から10 の値を入力してください。 |
| 左右 | 0 | ||