Я установил Магазин
- унаследовано от отзывчивой темы и
- настройка цветов (меньше файлов).
Это хорошо работает с заголовком и некоторыми другими компонентами, такими как container.less
, но не offcanvas-menu.less
.
Подробнее:
найти цвет для изменения:
Для этого я впервые сделал все цвета всего магазина уникальными. Так что я могу легко коснуться значения цвета поверх текущего магазина с помощью инструмента пипетки.
Затем я нахожу значение цвета в исходном коде и копирую соответствующие меньше компонентов исходного кода в мою новую тему. Только тогда я могу изменить цвет.
скопировано внутрь themes/Frontend
:
а) /Responsive/frontend/_public/src/less/_components/offcanvas-menu.less
тоже
б) /MyNewTheme/frontend/_public/src/less/_components/offcanvas-menu.less
следующая часть:
.sidebar--navigation {
.border-radius();
background: #0492d6;
.navigation--entry {
&:last-child {
border-bottom: 0 none;
}
}
.navigation--link {
overflow: hidden;
text-overflow: ellipsis;
}
}
и измененный фон: # 0492d6; до фон: # 003E7e; внутри b)
Полный результат: Суть MyNewTheme offcanvas-menu.less
Но если я перезагружу и получу цвет, я получу снова # 0492D6 .
Как двойник я изменил цвет в а) на background: black;
и его черный.
Как еще одна двойная проверка, я изменил цвет в themes/Frontend/MyNewTheme/frontend/_public/src/less/_components/container.less
на фон: красный; И красный виден.