Николай Паюсов › mikluxo
Сайты, боты и ИИ-инструменты под ключ
Рейтинг
5 395
№ 299 в каталоге
Отзывы
Профессионализм
10/10
Коммуникация
10 /10
Город
Новосибирск
Опыт работы
16 лет
На сайте с
2026 года
Юридический статус
ИП

Доработка карточки товара на MODX: цена, кнопка заказа и описание для каталога скрытых дверей ALTO

Используемые навыки CSS HTML MODX

Описание

Каталог скрытых дверей ALTO (сайт на MODX Revolution). Одну карточку товара, «WC D», нужно было привести к референс-макету заказчика: убрать лишние вкладки, заменить крупную кнопку «Заказать» на компактную кнопку «+», переработать блок цены (фирменный шрифт Museo Sans Cyrl, межзнаковый интервал 19%, без копеек, «от» на одной строке с ценой) и аккуратно оформить описание. Главное условие: остальные карточки каталога не должны измениться ни на пиксель.

Решение

• Сделал отдельную копию шаблона карточки только для WC D — общий шаблон остальных дверей не тронут, риска для каталога нет.
• Кнопку «+» собрал из двух CSS-полосок: текстовый символ у разных шрифтов уезжает от центра, полоски стоят строго по центру.
• Цену вывел через шаблонизатор Fenom без копеек, подобрал интервалы между разрядами, чтобы число не «рассыпалось» при широком трекинге.
• Нашёл, почему «от» вылезало выше цены: у родного CSS-класса сайта стояли display:block и float:left — перебил их точечно, без правки общих стилей.
• Отступы абзацев описания сделал через уже существующий класс сайта, а не новым CSS: в этом шаблонизаторе лишние фигурные скобки ломают рендер страницы. После каждого сохранения перечитывал шаблон из базы и проверял живую страницу.

Результат

Заказчик принял работу без замечаний. Карточка работает на боевом сайте: https://alto-door.ru/wc-d.html. Остальные карточки каталога остались без изменений, страница отдаётся корректно во всех проверенных браузерах.

Оценили проект:

Другие проекты

Все проекты →
Веб-разработка и IT Миграция платёжного шлюза BXB на Tilda: перевод на инфраструктуру и боевое окружение заказчика
Миграция платёжного шлюза BXB на Tilda: перевод на инфраструктуру и боевое окружение заказчика
19
Веб-разработка и IT Сайт кадрового агентства на Tilda: перенос макета, SEO-блог из 39 статей, Яндекс Метрика с целями под Директ
Сайт кадрового агентства на Tilda: перенос макета, SEO-блог из 39 статей, Яндекс Метрика с целями под Директ
8