Я как прочитал тему, у меня сразу возникла идея, она конечно многоэтаповая для каждой страницы, но попробовать стоит. Создайте свой дизайн в макетах, например "супер товар" с такими значениями. взять product_id можно при редактировании товара после абракодабры будет &product_id= и айди товара (пример ссылки: catalog/product/edit&token=fJe4hyhHagzjImtUV7IqSVm7Z1vcghA9&product_id=84) вот он и нужен. и далее в поле путь прописываем product/product_id= id товара (или category_id= id категории)
Далее идем в модули и создаем модуль HTML-контент и обзываем его к примеру расскраска товара или категории.
открываем просмотр кода (вторая кнопка справа) и пишем туда тег
<style>
body{
background-color: gray;
}
</style>
для проверки
и сохраняем. далее идем в макеты и находим наш только что созданный макет "супер товар" и добавляем этот модуль с нашей раскраской. (низ или верх)
осталось только для нужного товара выставить по какому дизайну он будет отображаться.
идем в наш товар который нужно покрасить. и сразу на вкладку дизайн:
и выбираем в списке наш дизайн.
и этот дизайн будет работать только для этого товара.
так же в модуль HTML-содержимое можно подключить свои стили для этого товара, и эти стили будут работать только там.
Плюсы такого подхода:
+++ Не трогаем код и не меняем контроллеры (что бы весь магазин не сломать)
+++ Легко и быстро можно поменять стили (если прописываем стили в модуле а не в css)
+++ Можно быстро переключить товар или категорию из разукрашеного в нормальное состояние и наоборот.
+++ можно быстро создавать подобные макеты для товаров разных категорий.
Из минусов
--- На определенный товар, нужно добавлять этот макет (если товаров 100 то на каждый нужно будет заходить в редактирование товара и менять дизайн) P.S. этот минус легко исправляется с помощью импорта/экспорта товаров
Вот что получилось