Подготовка и размещение изображений в шаблоне карточки товара на CMS Хорошоп

Нужен именно специалист с опытом работы с Хорошопом. Нужно понимать особенности редактирования карточек товаров, описаний, HTML-блоков, адаптивности и ограничений CMS Хорошоп. Хорошо разбираться в инструментах искусственного интеллекта, которые помогают в работе контент-менеджеру (не только писать промпты, но и внедрять более эффективные решения в работе).

Сайт для работы

Тестовая карточка товара - https://matrasroll.com.ua/testova-kartka-tovaru/

Работа проводится только на тестовой карточке товара.

Цель задания

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

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

Что нужно сделать

1. Работа с изображениями

Использовать уже предоставленные изображения.

Новые изображения подбирать не нужно.

Нужно проверить, чтобы использованные изображения:

• были хорошего качества
• не выглядели размытыми или пиксельными
• корректно отображались после загрузки
• не обрезали важные элементы
• соответствовали логике конкретного текстового блока

2. Размещение изображений в описании

Нужно вставить изображения строго в предусмотренные места в структуре описания.

Важно соблюдать:

• к какому текстовому блоку принадлежит конкретное фото
• порядок блоков
• общую логику карточки товара
• корректное отображение на desktop и mobile
• отсутствие проблем с версткой

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

3. Обработка и подготовка изображений

Перед размещением нужно при необходимости подготовить изображения под шаблон:

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

Важно, чтобы изображения не нагружали страницу и не ухудшали скорость загрузки.

4. Адаптивность

После размещения нужно проверить, как блоки выглядят:

• на desktop
• на mobile
• в разных ширинах экрана

Изображения не должны:

• выходить за пределы контейнера
• ломать текстовые блоки
• создавать горизонтальный скролл
• сжиматься непропорционально
• обрезать важные элементы
• выглядеть слишком мелкими или слишком большими на мобильных устройствах

5. Работа именно в CMS Хорошоп

Нужен специалист, который понимает, как корректно реализовать такое задание в Хорошопе.

Важно:

• уметь работать с карточкой товара в Хорошопе
• понимать, как редактируется описание товара
• уметь аккуратно вставлять изображения в структуру описания
• при необходимости работать с HTML в пределах возможностей CMS
• не ломать существующую структуру страницы
• не изменять лишние элементы сайта
• не трогать рабочие карточки товаров

Что нельзя делать

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

Ожидаемый результат

После выполнения задания тестовая карточка товара должна выглядеть целостно и профессионально.

Должно быть выполнено:

• все предусмотренные блоки с фото заполнены
• изображения размещены в правильных местах
• размеры изображений подогнаны под шаблон
• блоки аккуратно выглядят на desktop и mobile
• изображения не ломают верстку
• общий стиль карточки выглядит единым
• страница визуально воспринимается как готовая карточка товара

Что нужно от исполнителя в отклике

1. Есть ли у вас опыт работы с CMS Хорошоп
2. Оформляли ли вы ранее карточки товаров или описания в Хорошопе
3. Можете ли работать с HTML-блоками внутри описания товара
4. Сможете ли проверить результат на desktop и mobile
5. Примеры похожих работ, если есть