Фото блюда — как поставить картинку

Фото не обязательно: без него товар продаётся, гость видит карточку с заглушкой вместо картинки. Но фотография в меню — самое дешёвое, что можно сделать для среднего чека, поэтому лучше её поставить.

Требования к файлу

• Форматы: PNG, JPG, WebP, GIF.
• Размер файла: ориентируйтесь на 5 МБ — это самый строгий предел из тех, что встретятся. Он написан под рамкой «Изображение» в карточке товара («PNG, JPG, WebP, GIF — до 5 МБ») и относится к перетаскиванию файла прямо на неё. В окне «Выбор изображения» и в разделе «Медиа» на экране написано «до 10 МБ». Уложились в 5 МБ — сработает везде.
• Размер картинки: снимок с телефона подойдёт как есть. Если длинная сторона больше 2560 точек, система сама уменьшит файл при загрузке — качество для меню от этого не пострадает.
• Форма: снимайте квадратом или близко к квадрату. В карточке меню картинка обрезается по краям, и у вытянутого по горизонтали кадра съест бока.

Способ 1. Поставить фото из карточки товара

Это самый короткий путь для одного блюда, когда фото лежит у вас на компьютере.

1. Слева в меню: Каталог → Меню.
2. Нажмите на название нужного товара — откроется его карточка.
3. Пролистайте до блока «Изображение». Внутри — пунктирная рамка с надписью «Перетащите изображение сюда или нажмите, чтобы выбрать из медиатеки», под ней «PNG, JPG, WebP, GIF — до 5 МБ».
4. Нажмите на рамку. Откроется окно «Выбор изображения». Не пугайтесь, если оно пустое и написано «Пока нет загруженных изображений. Нажмите «Загрузить» или перетащите файлы в это окно» — так и должно быть, пока вы ничего не загружали.
5. В этом окне нажмите Загрузить (кнопка вверху справа, рядом со словом «Корень») и выберите фотографию на компьютере. Можно и просто перетащить файл мышью в это окно.

Что вы увидите. В окне появится строка «Загрузка завершена · 1 из 1», под ней «Превью обновлено у 1 блюда», а сам файл встанет плиткой в окне. Картинка сразу окажется в блоке «Изображение» карточки товара. Проверено на живом заведении: отдельно нажимать «Сохранить изменения» после этого не понадобилось — фото уже стоит у блюда.

Если вы всё же меняли на этой странице что-то ещё (название, цену, описание), не забудьте нажать внизу Сохранить изменения — иначе пропадут именно эти правки, а не фото.

Перетащить файл мышью прямо на пунктирную рамку, не открывая окно, тоже можно — результат тот же. Разница одна: при перетаскивании картинка сначала показывается как предварительная, и её нужно закрепить кнопкой Сохранить изменения внизу страницы.

Способ 2. Загрузить в «Медиа» — фото встанет само

Этот способ удобнее, когда фотографий много: вы отдаёте системе сразу пачку файлов, и она сама раскладывает их по блюдам.

Работает это так: система сверяет имя файла с названием блюда. Если совпало — файл становится превью этого блюда.

1. Заранее переименуйте файлы на компьютере — точно так, как называется блюдо в меню. Блюдо «Раф солёная карамель» → файл Раф солёная карамель.jpg.
2. Слева в меню нажмите на слово Управление — эта группа свёрнута по умолчанию, она раскроется, и в ней появятся пункты от «Общие настройки» до «Мобильное приложение». Нажмите Медиа — седьмой пункт сверху. Откроется страница «Медиа» с подписью, которая начинается словами «Загрузка и хранение изображений для сайта, товаров и блоков конструктора…».
3. Нажмите Загрузить файлы — синяя кнопка вверху справа, вторая после светлой «+ Папка» — и выберите свои фотографии (можно сразу несколько, до 200 за раз) или перетащите их мышью на страницу.

Что вы увидите. Полосу загрузки, затем строку «Загрузка завершена · загружено 5 из 5» со ссылкой «Скрыть» справа, под ней «Успешно: 5» и «Превью обновлено у N блюд». Список — имя файла и под ним название блюда, которому файл достался — раскрыт сразу, разворачивать ничего не надо; ссылка «Скрыть» нужна, наоборот, чтобы его свернуть. У блюда, где картинка заменила прежнюю, будет приписка «(заменено)».

Мы проверяли это на живом заведении от начала до конца: загрузили один файл Пицца Маринаро.png — пришло «Загрузка завершена · загружено 1 из 1» и «Превью обновлено у 1 блюда», в списке встало Пицца Маринаро.png → Пицца Маринаро, и картинка оказалась в карточке блюда без единого дополнительного нажатия.

Сам файл при этом ложится в медиатеку под слегка изменённым именем — пробелы заменяются дефисами и в конец дописывается несколько случайных букв: Пицца-Маринаро-f783994eb6.png. Это нормально, на подстановку превью не влияет.

Рядом с «Загрузить файлы» есть кнопка «+ Папка», а ниже — выбор папки: файлы кладутся в ту папку, которая открыта сейчас. На подстановку превью папка не влияет — она нужна только для порядка в медиатеке.

Когда это не срабатывает

• Имя файла короче названия блюда. Груша.jpg не подойдёт блюду «Корпусный десерт Груша» — совпадение должно быть почти полным.
• Имя подходит сразу нескольким блюдам. Тогда система не гадает: в списке появится строка «похоже на несколько блюд — привяжите вручную». Поставьте такое фото способом 1.
• Блюдо выключено. Совпадение ищется только среди позиций с включённой галочкой «Активен (виден покупателям)».
• У блюда уже есть фото. Новый файл его заменит — это нормальное поведение, а не ошибка.

Регистр букв, дефисы, подчёркивания и порядок слов значения не имеют: раф_солёная_карамель.jpg сработает так же.

Если пошло не так

После нажатия на уже загруженную картинку в окне «Выбор изображения» появилась красная надпись «Не удалось выбрать изображение из медиатеки». Не боритесь с окном. Загрузите тот же файл заново кнопкой Загрузить в этом же окне — или закройте окно и перетащите файл мышью прямо на блок «Изображение». Результат тот же самый.

«File too large (max 5MB)». Сообщение приходит на английском, означает «файл больше 5 МБ». Пересохраните фотографию поменьше — например, откройте её в просмотрщике и экспортируйте в JPG, — или загрузите через раздел «Медиа», там предел выше.

Фото загрузилось боком. Так бывает со снимками с телефона: в файле записан поворот, который не все программы читают одинаково. Откройте фото на компьютере, поверните как надо, сохраните как новый файл и загрузите его.

Фото поставилось, но гость видит старое. Обновите страницу витрины с очисткой картинок: на компьютере — Ctrl+F5 (на Mac — Cmd+Shift+R). Браузер гостя подтянет новую картинку сам в течение суток.

Убрать фото

1. Откройте карточку товара.
2. В блоке «Изображение» на самой картинке в углу есть крестик (подсказка «Удалить изображение») — нажмите его.

Появится сообщение «Изображение удалено», и в меню вернётся заглушка. Отдельно нажимать «Сохранить изменения» не нужно — и это как раз тот случай, когда «не нужно» значит «поздно»: мы проверяли на живом заведении, картинка пропадает у товара сразу, ещё до всякого сохранения, и уходит из медиатеки заодно. Отменить нельзя — только загрузить фото заново.

Одно исключение. Если вы только что перетащили новое фото и ещё не сохранили карточку, тот же крестик уберёт только предпросмотр — без сообщения и без всяких последствий. Прежняя картинка, если она была, останется на месте.

Чего в фотографиях нет

Чтобы вы не искали:

• в карточке товара задаётся одна картинка — набора фотографий на блюдо не завести;
• нет встроенного кадрирования и фильтров: как загрузили, так и будет;
• нет генерации фото по описанию — такой кнопки в админке сейчас нет.

Дальше

• Как завести товар — остальные поля карточки.
• Что из этого видит гость — как карточка выглядит на витрине.