Rich-контент помогает объяснить устройство и применение товара последовательностью визуальных блоков. Если между ними появляется некрасивый зазор, сначала выясните его источник: пустое пространство может быть частью самого изображения, настройкой блока либо особенностью отображения опубликованной карточки. Эти случаи исправляются по-разному.
Подготовьте содержание до сборки
Составьте короткий сценарий: какой вопрос покупателя отвечает каждый экран. Например, для условного светильника первый блок показывает габариты, второй — способ установки, третий — состав комплекта. Для каждого утверждения сохраните подтверждение в спецификации или измерении образца. Не стоит добавлять шестой экран лишь потому, что в редакторе есть свободный шаблон.
Соберите исходные изображения в отдельной папке и проверьте края файлов. Полупрозрачные поля вокруг фотографии часто выглядят как внешний отступ, хотя редактор честно показывает загруженный холст. Полезно временно подложить к изображению контрастный фон: граница файла сразу станет видна.
Три проверки зазора
В исходном файле. Откройте изображение в графическом редакторе и сравните рамку холста с видимой композицией. Если пустое поле встроено в файл, обрежьте его и экспортируйте новый вариант. Сохраните копию исходника, чтобы не потерять рабочий макет.
В модуле конструктора. Создайте тест из двух простых блоков с одинаковым цветом фона. Замените один тип блока другим и сравните расстояние. Если зазор меняется, изучите настройки самого модуля и соседние элементы: подпись, заголовок, встроенный фон. Названия и доступность этих настроек зависят от текущей версии редактора Ozon, поэтому не следует обещать здесь точный путь по меню.
После публикации. Сравните вид в предпросмотре и на карточке покупателя. Проверьте широкий и узкий экран. Промежуток, незаметный на мониторе, может разделить единую картинку на телефоне. Зафиксируйте скриншоты обоих вариантов, тип блоков и время проверки; с этими данными проще обсуждать проблему с поддержкой.
Не пытайтесь закрыть промежуток произвольным CSS или HTML из чужой инструкции, пока не подтверждено, что нынешний конструктор поддерживает такой способ. Если системный зазор нельзя убрать доступными настройками, лучше проектировать самостоятельные секции с завершёнными краями, чем имитировать одно непрерывное изображение.
Критерий приёмки
Попросите человека, не видевшего макет, открыть карточку на телефоне. Он должен без увеличения назвать три главные характеристики и не принять декоративную подпись за свойство товара. Проверьте, что соседние блоки не противоречат друг другу: один и тот же размер, цвет и состав комплекта указаны одинаково. Затем откройте каждый вариант карточки — rich-контент одной модели не должен показывать параметры другой.
После публикации сравнивайте изменения осторожно. Если одновременно менялись цена, главное фото и реклама, изменение конверсии нельзя приписать одному rich-контенту. Сохраните дату правки и список изменённых элементов. О базовой работе с изображениями — в статье об инфографике.
Перед публикацией этой инструкции
Нужна сверка с действующей официальной документацией Ozon: какие блоки, форматы и настройки сейчас доступны, где находится конструктор и как работает предпросмотр. До этого статья описывает метод диагностики, но не обещает конкретные лимиты, интерфейс или возможность удалить системный отступ. Статус noindex.
