Magento. Как работать со значками Material Design

Из этого туториала Вы узнаете, как внести изменения в блок значков Material Design в Magento.

Magento. Как работать со значками Material Design

1. Нажмите правой кнопкой мышка на элемент и используйте инструмент ‘Элемент исследования’ (Inspect element), для того чтобы найти класс CSS значка, который Вы хотите изменить. Скопируйте этот класс CSS:

   

2. Откройте файл, который содержит правило css, которое Вы исследовали, в файлах сайта на сервере или на вашем компьютере, используя редактор кода. Найдите код класса в этом файле (в нашем случае это /skin/frontend/tm_themes/themeXXX/css/styles.css):

   

3. Откройте файл skin/frontend/tm_themes/theme_XXX/css/material-design.css и скопируйте нужный фрагмент кода:

   

   Мы настоятельно рекомендуем сделать резервную копию этого файла перед внесением в него изменений.

4. Вставьте код содержимого, скопированный из файла skin/frontend/tm_themes/theme_XXX/css/material-design.css в значение свойства «content» вашего css правила:

   

5. Сохраните изменения и обновите сайт:

   

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Magento. Как работать со значками Material Design