Коллекция HTML шаблоны

Понятные HTML-шаблоны коллекций для экспорта и дальнейшего редактирования

Магазин с сорока керамическими изделиями и архив из нескольких сотен гравюр сталкиваются с одной и той же проблемой: десятый элемент должен смотреться так же гармонично, как и первый. HTML-шаблоны коллекций представляют собой готовые варианты оформления для каталогов, галерей или архивов, а обозначение HTML сразу указывает на итоговый формат проекта. Nicepage экспортирует его как статический сайт, поэтому визуально скомпонованная коллекция превращается в файлы HTML, CSS и JavaScript, которые можно сразу разместить на хостинге или продолжить редактировать в коде.

Что входит в экспортированную галерею

Экспорт выполняется как из приложений Nicepage, так и из онлайн-редактора, поэтому результат не зависит от того, где именно велась работа. Экспорт в папку и по протоколу FTP доступен в приложениях, что важно, если способ публикации уже определен. В руководстве по экспорту HTML-сайтов описаны все доступные режимы.

Сайт коллекции, экспортированный из Nicepage, включает:

1. Разметку каждой созданной страницы, включая каталог коллекции;
2. Таблицу стилей и скрипты, на которых строится оформление;
3. Изображения к фотографиям товаров, страницам лукбука и сканам архива.

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

Ячейки сетки на узких экранах

Макеты коллекций располагают несколько изображений рядом на широком мониторе, а элемент сетки удерживает их в ячейках, которые выстраиваются друг под другом по мере сужения экрана. Для страницы каталога такое поведение имеет первостепенное значение, поскольку длинный список похожих объектов первым делом проверяет верстку на прочность.

При уменьшении ширины экрана внимания чаще всего требуют одни и те же детали:

1. Названия элементов длиннее демонстрационного текста, которые вытягивают карточку вниз;
2. Подписи, визуально отрывающиеся от связанного изображения;
3. Галереи, в которых сохраняется больше колонок, чем вмещает экран.

Макеты для линеек товаров и серий арт-объектов

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

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