【シンプル食品表示】アレルゲンのアイコン画像と表示名を変更する方法

アレルゲンのアイコン画像や、表示される品目名を、お店に合わせて変更する方法です。

この記事でわかること

• アイコン画像の差し替え
• アレルゲンの表示名の変更
• 変更した内容がどこに反映されるか

操作する場所：アプリ「SAKU食品表示」→ 「食品表示の設定」→ ページ下部の折りたたみ

※表示する内容が「食品表示」のときは、この2つの欄は表示されません。

始める前に用意するもの

• アプリ「SAKU食品表示」がインストールされていること
• 「食品表示の設定」で、表示する内容が「アレルゲン」または「両方」になっていること
• 差し替える画像（PNG／JPEG／WebP／GIF、1枚あたり3MB以内）

1️⃣ アイコン画像を差し替える

アプリ「SAKU食品表示」→「食品表示の設定」を開き、ページ下部の「アレルゲンアイコンの画像設定（任意の画像に変更できます）」を開きます（初期は閉じています）。品目ごとの枠が並び、差し替えていない品目は「同梱デフォルト使用中」と表示されます。

赤枠は、開いた「アレルゲンアイコンの画像設定」の見出しと説明、品目ごとの枠（えび）と「画像を選ぶ」です。

• 枠に画像をドラッグ＆ドロップするか、枠をクリックして「画像を選ぶ」から選びます。
• 「パソコンから選ぶ」：PNG／JPEG／WebP／GIF、1枚あたり最大3MBです。
• 「ストアのファイルから選ぶ」：Shopifyにアップロード済みの画像を、新しくアップロードせずにそのまま使います。
• 「デフォルトに戻す」で、同梱のアイコンに戻せます。

アイコンの変更は、選んだ時点ですぐ保存されます（保存ボタンは不要です）。「アイコンを保存しました。」と表示されたら完了です。

2️⃣ 表示名を変更する

同じ「食品表示の設定」の「アレルゲンの表示名設定（任意の名前に変更できます）」を開き、29品目ごとの入力欄に好きな名前を入れます。例：「卵」→「鶏卵」。空欄にすると元の名前になります。入力したら「表示名を保存」を押します。

赤枠は、品目ごとの名前の入力欄すべてと「表示名を保存」です。

3️⃣ どこに反映されるか

• アイコン：商品ページの「食品表示」ブロック、特集商品、商品カードのすべてで共通で表示されます。
• 表示名：商品ページの表、特集・一覧、商品カード、「アレルゲン不使用で探す」、商品の編集画面のチェックなどに反映されます。

うまくいかないとき

• 「画像が大きすぎます（最大3MB）。」と表示される
  画像を小さくして、3MB以内にしてからお試しください。
• 「画像ファイルを選択してください。」と表示される
  PNG／JPEG／WebP／GIF の画像を選んでください。
• 「この画面ではストアのファイルを開けません。パソコンから選んでください。」と表示される
  「パソコンから選ぶ」から画像を選んでください。
• 変更したのにストアで変わらない
  反映に少し時間がかかることがあります。ブラウザを再読み込みしてご確認ください。

※本アプリは食品表示の整理・表示・入力補助を行う運用支援ツールです。食品表示法等への準拠を保証・判定するものではありません。表示内容の最終確認はショップ側で行ってください。