Изменить цвет фона страницы просмотра товаров каталога?
Какой файл мне следует отредактировать в моей пользовательской теме, чтобы изменить цвет фона и любой другой CSS на странице просмотра продуктов каталога?
2 answers
1) Для редактирования CSS страницы продукта каталога или любого другого пользовательского CSS всегда используйте _extend.less
Вы можете просмотреть страницу продукта, найти ответственный класс и использовать в _extend.less
.
Использование меньшего количества дает вам возможность использовать ПЕРЕМЕННЫЕ, МИКСИНЫ, ВЛОЖЕННОСТЬ и многое другое
Вы узнаете о современных технологиях, а не о устаревших
Еще один вопрос по тому же поводу, Как добавить пользовательский CSS ?
2) Расширьте свой модуль и измените ответственный CSS, как в вашем случае
Вы можете изменить css страницы продукта внутри _module.less
,
app/design/frontend/vendor-name/theme-name/Magento_Catalog/web/css/source
Примечание: Когда вы изменяете Глобальный CSS, который используется на всех страницах , вам следует назначить им родительский класс, чтобы они работали только на требуемой странице .
Например: При изменении цвета . класс-оболочка страницы{}, который также используется другими страницами, будет влиять на все страницы.
- Для работы только на странице просмотра продуктов каталога используйте родительский класс страницы
.catalog-product-view{}
, чтобы он выглядел как.catalog-product-view .page-wrapper{}
Здесь на изображении, чтобы найти свой класс страницы
Я надеюсь, что это поможет вам и другим тоже.
Вы можете изменить его с помощью обычного css.
Перейдите по следующему пути в своей теме и добавьте в нее css.
{root}/app/design/frontend/Magento/{your-theme}/web/css/styles-m.css