«Фото» Webasyst: полный обзор фотобанка для магазина

Фотограф прислал архив на 300 кадров. Контент-менеджер выбрал десяток для карточек, SMM-специалист взял пять для соцсетей, дизайнер забрал один на баннер. Через три месяца снова нужен кадр из весенней коллекции. И никто не помнит, где он: в чате, на флешке или на ноутбуке уволившегося сотрудника.

Эту проблему решает приложение «Фото» (Photos) от Webasyst. Это фотобанк внутри вашей системы. В нём есть альбомы и умные подборки, теги и оценки, группировка дублей, закрытые альбомы для сотрудников и галерея на сайте.

Ниже разберём приложение по шагам. Все скриншоты сделаны в реальной установке на демо-съёмке магазина сумок и рюкзаков.

Зачем магазину «Фото»

Сначала важное уточнение. Фото для карточек товаров хранит Shop-Script, для витрины «Фото» не нужно. У приложения другая задача: быть общей медиатекой магазина.

Вот что оно даёт:

• Архив съёмок. Все кадры лежат в одном месте, а не у фотографа.
• База для контента. Снимки с тегами легко найти для постов, рассылок и баннеров.
• Галерея на сайте. Лукбук, портфолио или фотоотчёт публикуются без отдельного сервиса.
• Работа в команде. Оценки, комментарии и закрытые альбомы для своих.

Первое знакомство с интерфейсом

Слева находится боковая панель, справа содержимое выбранного раздела.

wa-magazin.ru

Что есть в боковой панели:

• «Загрузить». Главная кнопка приложения.
• «Альбомы» и «Фотопоток». Список всех альбомов и все фото подряд, новые сверху.
• «Избранное». Сюда автоматически попадают снимки, которым вы поставили оценку.
• «Комментарии». Все обсуждения фото в одной ленте.
• «На модерации» и «Отклонённые». Фото, которые прислали посетители сайта.
• Дерево альбомов и облако тегов. Плюсик у заголовка «Альбомы» создаёт новый альбом.
• «Страницы», «Дизайн», «Настройки», «Плагины». Служебные разделы внизу панели.

Под каждым снимком видны название, оценка, описание и теги. Над сеткой можно переключить вид на список. В списке удобно подписывать много фото подряд: поля названия и описания редактируются прямо в ленте.

Как навести порядок: пять шагов

Шаг 1. Создайте альбомы

Начните со структуры, а не с загрузки. Тогда каждый снимок сразу окажется на своём месте. Нажмите плюсик у заголовка «Альбомы».

wa-magazin.ru

В окне нужно принять три решения:

• Название и адрес. Адрес на сайте подставляется сам, его можно поправить.
• Доступ. Опубликованный альбом виден в галерее на сайте. Приватный видят только сотрудники с доступом к приложению или гости по временной ссылке.
• Тип. Обычный альбом вы наполняете вручную. Альбом-фильтр собирает снимки сам по заданным условиям (об этом в шаге 5).

Альбомы можно вкладывать друг в друга: перетащите один альбом на другой в боковой панели. В нашем примере «Рюкзаки» и «Лукбук» лежат внутри альбома «Съёмки 2026».

В настройках альбома (иконка карандаша у заголовка) можно добавить описание и дополнительные параметры. Параметры пишутся в формате key=value и доступны в шаблоне темы сайта.

Шаг 2. Загрузите фото

Откройте нужный альбом и нажмите «Загрузить». Файлы можно выбрать кнопкой или перетащить в окно, хоть десятки за раз. Перед загрузкой приложение спросит, какой будет доступ и в какой альбом положить снимки.

wa-magazin.ru

Проверьте доступ перед загрузкой. По умолчанию выбран вариант «Опубликованный», и такие фото сразу появляются в галерее на сайте. Внутренний архив исходников лучше грузить как приватный.

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

Шаг 3. Подпишите и разметьте снимки

Файл IMG_4812.jpg через месяц ничего вам не скажет. Поэтому подпишите снимки сразу после загрузки. Откройте фото и прокрутите страницу вниз.

wa-magazin.ru

Что здесь можно заполнить:

• Название и описание. Редактируются по клику. Название потом станет именем файла при скачивании.
• Оценка от одной до пяти звёзд. Оценённые снимки попадают в «Избранное», а по оценке можно строить умные альбомы.
• Теги. Вводятся через запятую или Enter. Ниже приложение подсказывает популярные теги, чтобы команда не плодила похожие варианты вроде «баннер» и «баннеры».
• Информация о файле. Кто и когда загрузил, размер в пикселях и вес. Если в снимке есть данные EXIF о камере и съёмке, приложение их сохраняет.

Внизу страницы есть форма комментария. В ней удобно оставить задачу прямо у кадра, например «нужна версия без тени». Все комментарии собираются в одноимённом разделе боковой панели.

Шаг 4. Работайте с группой фото сразу

Размечать снимки по одному долго. Отметьте нужные фото галочками и откройте меню «Выбранные фотографии» над сеткой.

wa-magazin.ru

Для выбранной группы доступны такие действия:

• получить ссылки и HTML-код;
• начать пост в приложении «Блог»;
• сгруппировать снимки в стек;
• поставить оценку или теги;
• добавить в альбомы или исключить из альбома;
• изменить доступ;
• удалить.

Шаг 5. Настройте умные альбомы

Альбом-фильтр не нужно пополнять вручную. Вы задаёте условия, и приложение само показывает подходящие снимки. Новые фото тоже попадут туда автоматически.

Условия можно задать по четырём параметрам:

• оценка: больше, меньше или равна нужному числу звёзд;
• теги: один или несколько;
• доступ: только опубликованные или только приватные;
• сортировка: например, новые фото наверху.

wa-magazin.ru

Пример. SMM-специалисту нужен готовый набор кадров для постов. Создаём фильтр «Для соцсетей» с условиями «оценка от четырёх звёзд» и «тег соцсети». Теперь каждый снимок с этим тегом и высокой оценкой сам попадёт в подборку.

wa-magazin.ru

Стеки: как спрятать дубли

На каждый ракурс фотограф делает несколько дублей. Держать их все на виду неудобно, а удалять жалко. Для таких случаев есть стеки.

Выделите серию похожих кадров и нажмите «Сгруппировать». Снимки свернутся в одну плитку, а в её углу появится число кадров. Сверху останется лучший.

wa-magazin.ru

Дубли при этом не удаляются. В нашем примере после группировки в альбоме «Рюкзаки» стало 19 плиток вместо 25, в фотопотоке 38 вместо 44. Остальные кадры просто спрятаны внутри стека.

Если открыть снимок из стека, под ним появится лента со всеми кадрами серии. Переключаться между ними можно одним кликом.

wa-magazin.ru

Чтобы разобрать стек, нажмите «Разгруппировать» на странице фото.

Правка и отправка снимков

Простая правка в браузере

Для мелкой правки не нужен графический редактор. На странице фото откройте меню «Редактировать». Там есть поворот влево и вправо, а также фильтры плагина «Эффекты»: чёрно-белое, сепия, контраст и яркость.

wa-magazin.ru

Чтобы правка не испортила исходник, включите в настройках хранение оригиналов (о нём ниже). Тогда к исходному изображению можно будет вернуться.

Ссылка и HTML-код

Меню «Отправить», пункт «Ссылка / HTML». Здесь есть ссылка на страницу фото, готовый HTML-код и прямой адрес картинки. Размер изображения выбирается в правом верхнем углу окна.

wa-magazin.ru

Так снимок легко вставить в описание товара, статью блога, рассылку или пост. Файл при этом хранится у вас, а не на стороннем фотохостинге.

Кто что видит: доступ

Доступ в «Фото» настраивается на двух уровнях.

Права сотрудника на приложение. Они задаются в общем разделе доступа Webasyst. По документации Webasyst, отдельно разграничиваются загрузка фото и создание альбомов, правка чужих снимков, управление страницами и дизайном галереи. Например, фотографу можно разрешить загрузку, но не давать менять дизайн сайта.

Видимость отдельного альбома или фото. В окне «Доступ» у приватного альбома или снимка отмечаются группы сотрудников, которые его увидят. Если снять все группы, останется только персональный доступ.

wa-magazin.ru

Удобная схема для магазина: исходники и черновые кадры хранить в приватных альбомах для контент-команды, а отобранные снимки публиковать в галерее.

Галерея на сайте

Опубликованные альбомы автоматически складываются в фотогалерею на вашем сайте. В нашем примере она открывается по адресу /photos/. Посетители видят альбомы с обложками, общий фотопоток и разделы «Избранное» и «Мои фотографии».

wa-magazin.ru

Внешний вид галереи задаёт тема в разделе «Дизайн». По умолчанию это тема «Webasyst 2026» из семейства Default. Она берёт общий макет и стили у темы сайта, поэтому галерея выглядит как его часть. В разделе «Страницы» можно добавить к галерее текстовые страницы, например «О съёмках».

Что можно сделать с галереей:

• лукбук нового сезона;
• раздел «Наши товары вживую»;
• фотоотчёты с мероприятий;
• портфолио студии или производства.

Разработчикам тем пригодится хелпер Smarty для вывода альбомов в других частях сайта, например на странице магазина. Он описан в документации по шаблонам Webasyst.

Полезные плагины

В разделе «Плагины» есть пять встроенных плагинов. Остальные устанавливаются из магазина Webasyst.

wa-magazin.ru

• «Комментарии». Обсуждение фото, в том числе посетителями сайта.
• «Эффекты». Фильтры чёрно-белое, сепия, контраст и яркость.
• «Импорт». Перенос фото из внешних сервисов и платформ.
• «Фотогалерея». Загрузка фото посетителями и голосование за снимки.
• «Водяной знак». Защита авторских снимков.

Водяной знак

Плагин добавляет на загружаемые фото текст или картинку, например логотип. Можно настроить прозрачность, текст, размер и цвет шрифта, положение и направление надписи, а также картинку и её положение.

wa-magazin.ru

Учтите, что знак ставится при загрузке. Поэтому настройте плагин до того, как наполнять публичные альбомы. И включите хранение оригиналов, чтобы у вас осталась чистая копия каждого снимка.

Фото от покупателей

Плагин «Фотогалерея» разрешает посетителям загружать свои снимки прямо на сайте. Это подходит для отзывов с фото, фотоотчётов и конкурсов.

В настройках плагина можно:

• автоматически ставить тег на все присланные фото;
• включить модерацию;
• разрешить или запретить голосовать за свои снимки;
• ограничить минимальный и максимальный размер фото в пикселях.

wa-magazin.ru

С включённой модерацией новые снимки сначала попадают в раздел «На модерации». В общий поток выходят только одобренные.

Настройки хранения

В разделе «Настройки» задаётся, как приложение хранит и готовит изображения.

• Эскизы. Список размеров, которые создаются при загрузке. Можно разрешить создание эскизов нужного размера на лету и ограничить максимальный размер.
• Резкость и качество. Фильтр резкости для эскизов и степень сжатия JPEG. Рекомендуемое качество 90.
• Оригиналы. Исходный файл хранится отдельно и не меняется при поворотах, фильтрах и водяных знаках. Это встроенная резервная копия каждого снимка, но места на диске нужно примерно вдвое больше.
• @2x. Эскизы для экранов высокой чёткости (Retina) со своим уровнем сжатия.

wa-magazin.ru

План на один вечер

1. Создайте альбом «Съёмки 2026» и вложите в него альбомы по съёмкам или категориям: «Рюкзаки», «Лукбук», «Аксессуары».
2. Договоритесь с командой о наборе из 5-10 тегов. Например, по типу контента («каталог», «лукбук»), по назначению («баннер», «соцсети») и по сезону («весна-2026»).
3. Загружайте серии сразу в нужные альбомы. Исходники делайте приватными, отобранные кадры публикуйте.
4. Подпишите лучшие кадры и поставьте им оценки. Дубли одного ракурса соберите в стеки.
5. Создайте умные альбомы под задачи: «Для соцсетей», «На баннеры», «Лучшее за сезон».
6. Включите хранение оригиналов и при необходимости водяной знак. Сделайте это до публикации галереи.
7. Выдайте права: фотографу загрузку, SMM-специалисту и дизайнеру просмотр нужных альбомов.

Пять правил, которые экономят время

• Сначала структура, потом загрузка. Разбирать 500 снимков после загрузки в разы дольше.
• Короткий список тегов. Десять договорённых тегов лучше сотни случайных.
• Оценка означает решение. Пять звёзд значит «идёт в работу», три значит «запасной вариант». Тогда умные альбомы работают как конвейер.
• Дубли в стек, а не в корзину. Завтра может понадобиться как раз второй дубль.
• Исходники приватны по умолчанию. Публикуйте снимки осознанно, а не потому, что так стояло в окне загрузки.

На что обратить внимание

• «Фото» не заменяет каталог. Фото для карточек товаров хранит Shop-Script. Не дублируйте их в фотобанке.
• Публикация по умолчанию. Окно загрузки предлагает опубликованный доступ, и снимки сразу уходят в галерею на сайте. Для внутреннего архива выбирайте приватный.
• Пустой альбом-контейнер на сайте. Если все фото лежат во вложенных альбомах, у родительского альбома в галерее будет подпись «0 фотографий». Назначьте ему обложку или положите в него несколько лучших кадров.
• Водяной знак только на новые загрузки. Уже загруженные снимки плагин не изменит.
• Место на диске. Оригиналы и эскизы @2x увеличивают объём хранения. Следите за диском и делайте резервные копии, об этом есть отдельная статья серии.
• Фото от посетителей без модерации. Если модерация выключена, всё присланное сразу попадёт в публичный поток.

Частые вопросы

Нужно ли «Фото», если снимки товаров уже есть в магазине? Для карточек товаров не нужно, их хранит Shop-Script. «Фото» нужно для архива съёмок, контента и галереи на сайте.

Можно ли показать альбом только сотрудникам? Да. Сделайте альбом приватным и отметьте группы, которым он будет виден. Постороннему человеку приватный снимок можно показать по временной ссылке.

Что происходит с дублями в стеке? Они не удаляются, а прячутся внутрь стека. Сверху остаётся выбранный кадр. Стек можно разгруппировать в любой момент.

Как защитить снимки от копирования? Используйте плагин «Водяной знак». Чтобы сохранить чистые исходники, включите хранение оригиналов.

Могут ли покупатели присылать свои фото? Да, через плагин «Фотогалерея». В нём есть загрузка на сайте, теги, модерация и голосование.

Приложение платное? «Фото» продаётся в магазине Webasyst. Актуальные условия лицензии смотрите на странице приложения.

Итог

«Фото» превращает россыпь снимков в понятный фотобанк. Вместо папок у вас альбомы и умные подборки, вместо поисков в чатах теги и оценки. Дубли прячутся в стеки, исходники хранятся в приватных альбомах, а лучшие кадры публикуются в галерее на сайте с водяным знаком.

Начните с простого: создайте структуру альбомов, договоритесь о тегах и включите хранение оригиналов. После этого нужный кадр будет находиться за секунды.

Приобрести «Фото»

Хотите настроить фотобанк и галерею под свой магазин или перенести в «Фото» накопленный архив съёмок? Напишите нам в поддержку или оставьте заявку на консультацию. Поможем со структурой, правами и галереей.