Картинки страниц: несколько иллюстраций, слайдер, обложка и история

Рады представить вам новые изменения в движке сайта: теперь картинками страниц стало удобнее управлять, а их возможности стали шире.

Несколько главных иллюстраций и слайдер

Раньше у страницы могла быть только одна главная иллюстрация. Теперь их можно загрузить несколько (до 30). Если картинка одна, страница выглядит как раньше. Если загружено больше одной, на странице товара они показываются слайдером: крупная картинка и под ней ряд миниатюр.

Слайдер настраивается один раз для всего сайта, в настройках, на закладке «Страница товара»: миниатюры снизу или слева, скорость и тип смены слайдов, автозапуск, стрелки и точки навигации, максимальная высота и то, как картинка заполняет слайд. На обычных сайтах слайдер по умолчанию выводится вверху справа от текста, а в интернет-магазине с видом «transpon» — на месте главной иллюстрации.

Подробнее о главных иллюстрациях и настройках слайдера

Обложка и работа с иллюстрациями в форме страницы

На закладке «Иллюстрации» в форме страницы теперь удобно управлять всеми картинками сразу:

• выбрать обложку страницы — картинку для списков и карточек — можно одним нажатием («сделать обложкой») из уже загруженных, не загружая файл заново;
• порядок иллюстраций можно поменять, первая картинка остаётся главной;
• загружать можно сразу много картинок;
• для загрузки можно отметить «сохранить прозрачность» — если вам нужны прозрачные картинки, например товар на прозрачном фоне, и «сохранить анимацию» — если вы загружаете анимированную картинку (GIF);
• у каждой загруженной картинки видны её размер в пикселях и вес с учётом того, что сайт уже оптимизировал её;

На странице товара теперь доступны все форматы изображений — такие же, как для дополнительных иллюстраций в тексте: JPEG, PNG, WebP, GIF, AVIF и другие. Картинки могут быть прозрачными и анимированными, а ещё можно загрузить векторную картинку SVG: она сохраняется как есть и остаётся чёткой на любом экране. Остальные форматы сайт при загрузке сам приводит к удобному для сайта виду.

История картинок: новая схема хранения

Для всех существующих страниц сайта картинки перенесены в новую схему хранения, такую же, как у дополнительных картинок в тексте. Раньше имя файла содержало номер страницы, и новая картинка замещала старую по тому же адресу. Теперь имя файла берётся от даты загрузки.

Это даёт важное преимущество: когда вы заменяете главную иллюстрацию или обложку, предыдущая картинка остаётся на сайте. Её можно вернуть, откатив историю изменений страницы, и не нужно загружать прежнюю иллюстрацию заново. Это работает и для главной иллюстрации, и для обложки.

Галереи с миниатюрами в тексте страниц

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

Подробнее о слайдере и галерее с миниатюрами в редакторе

Автоматическое определение типа картинки в карточках

Для главной иллюстрации и обложки страниц, а также для главной иллюстрации и обложки разделов и подразделов сайт теперь определяет, что это за картинка: фотография (заполненная до краёв кадра) или предмет на белом (прозрачном) фоне, с отступами от краёв. Этот признак хранится вместе с картинкой.

Зачем это нужно. Картинка в карточке может заполнять отведённое ей место двумя способами:

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

Итак, появилась новая опция:

Настройки - Карточка товара - Заполнение картинки в карточке - «Автоматически».

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

Для слайдера на странице товара есть отдельная опция — на закладке «Страница товара», в блоке «Заполнение картинки в слайдере»: её можно менять независимо от карточек в разделах.

Подробнее об иллюстрациях и их заполнении