Каталог скрытых дверей 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. Остальные карточки каталога остались без изменений, страница отдаётся корректно во всех проверенных браузерах.