Как отредактировать цвета в карточках товаров на отдельной странице

При создании каталога товаров на CMS-платформах часто возникает ситуация: вы включаете отображение карточек товаров на отдельных страницах, но вместо стандартного оформления видите розовый фон и фиолетовые ценники. При этом в настройках блока st320n, отвечающего за вывод, эти цвета не заданы. Разберёмся, в чём причина и как это исправить.

Почему появляются нестандартные цвета в карточках товаров?

Проблема обычно связана с наследованием стилей (CSS) от глобальных настроек темы или шаблона, который вы используете. Блок st320n может не переопределять цвета, если они заданы на уровне контейнера страницы или в общих стилях сайта. Розовый фон и фиолетовые ценники часто появляются из-за:

• Глобальных CSS-переменных темы, которые влияют на все элементы.
• Стилей, унаследованных от родительских блоков (например, от контейнера каталога).
• Конфликта между версиями блока st320n и обновлениями платформы.

Способы редактирования автоматически созданных страниц товаров

1. Проверьте настройки блока st320n

Убедитесь, что в параметрах блока st320n нет скрытых полей для цвета фона или текста. Иногда разработчики добавляют дополнительные опции, которые отображаются только в расширенном режиме. Зайдите в настройки блока и просмотрите все вкладки - возможно, там есть раздел «Оформление» или «Стили», где заданы цвета по умолчанию.

2. Добавьте кастомные CSS-стили

Если настройки блока не помогают, используйте пользовательские стили. В большинстве CMS (например, 1C-Битрикс, WordPress, Tilda) есть возможность добавить свой CSS-код. Пропишите следующие правила, чтобы переопределить цвета:

.product-card { background-color: #ffffff !important; } .product-price { color: #000000 !important; }

Замените классы .product-card и .product-price на те, которые используются в вашем блоке st320n. Узнать их можно через инспектор браузера (F12).

3. Отредактируйте шаблон страницы товара

Если вы используете платформу, где можно изменять HTML-шаблоны (например, OpenCart или Joomla), найдите файл, отвечающий за вывод карточки товара. Обычно он называется product.tpl или single-product.php. Удалите или закомментируйте строки, которые задают розовый фон и фиолетовый цвет. Например, ищите background-color: pink или color: purple.

4. Используйте плагины для настройки внешнего вида

Для популярных CMS существуют специальные плагины, которые позволяют управлять стилями отдельных страниц. Например, для WordPress подойдёт плагин «Custom CSS per Post» или «Yellow Pencil». Они помогут изменить фон и цвет ценников без правки кода.

Как избежать проблем с цветами в будущем?

• Перед включением отображения карточек на отдельных страницах создайте тестовый товар и проверьте внешний вид.
• Используйте дочерние темы (child themes) при работе с шаблонами, чтобы изменения не сбрасывались при обновлении.
• Регулярно обновляйте блок st320n до последней версии, так как разработчики часто исправляют баги с наследованием стилей.

Если ни один из способов не помог, обратитесь в службу поддержки вашей CMS или к разработчику блока st320n - возможно, проблема связана с ошибкой в самом модуле.