とく売りWeb 入力ページ

店舗情報と商品情報を入力し、最後に data.json を書き出してください。

このページで入力した内容は、保存ボタンを押したあとに data.json として書き出されます。書き出した data.json をFTPでサーバーへ上書きすると公開ページへ反映されます。

📌 入力前にご確認ください

商品画像は先に images フォルダへ入れておくと作業しやすいです
画像名は半角英数字で付けると安心です
画像パスは images のあとから正しく入力してください
価格や割引率は見たまま表示されます
入力後は必ず公開ページで表示確認してください

🏪 店舗情報

店名公開ページの見出しや店舗情報に表示されます。店舗からのお知らせページ上部のお知らせ欄に表示されます。短く分かりやすく入力してください。住所店舗情報欄に表示されます。電話番号ハイフン付きで入力すると見やすくなります。営業時間見たまま表示されます。定休日定休日がない場合は年中無休などと入力できます。地図情報住所の補足や目印などを入れたい場合に使えます。

🖼 画像の読み込み

商品画像をまとめて確認する画像ファイルを選ぶと、このページ内で確認できます。画像形式の絞り込みには accept 属性が使えます。([developer.mozilla.org](https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/input/file?utm_source=openai))

ここで画像を選んでもサーバーにはアップロードされません。画像確認用です。公開時はFTPで images フォルダへアップロードしてください。

🛒 商品情報 9件

商品名、通常価格、セール価格、割引率、画像パスを入力してください。画像パスは例のように入力します。

入力を空欄にすると、そのまま空欄で保存されます。商品を差し替える場合は古い内容を新しい内容に書き換えてください。

💾 保存と読み込み

ファイル選択では JSON を指定できます。選択したファイルは FileReader で読み込めます。([developer.mozilla.org](https://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/input/file?utm_source=openai))

書き出した data.json と商品画像をサーバーへアップロードしたあとに、公開ページを開いて表示をご確認ください。