Shopify. Как добавить иконку в Пользовательский блок

Из этого туториала Вы узнаете, как добавить иконку в Пользовательский блок в шаблоне Shopify.

1. Войдите в вашу админ панель сайта и перейдите на вкладку Интернет-магазины -> Шаблоны (Online Store -> Themes).

2. Нажмите на вкладку Редактировать HTML/CSS (Edit HTML/CSS):

   

3. Найдите файл assets.css.liquid в папке Assets:

   

4. Найдите список значков на строке 6695 файла (номер строки может отличаться в шаблоне):

   

5. Давайте добавим значок самолётика в Пользовательский блок хедера #1. Найдите название значка в списке (для того чтобы увидеть список, прокрутите вправо):

   

6. Затем, откройте файл settings_schema.json в папке Config :

   

7. Найдите то место, где в Пользовательском блоке хедера #1 заданы значки (Вы можете использовать Ctrl+F для быстрого поиска):

   

8. Скопируйте и вставьте последний код элемента:

   

9. Затем, измените «label» и «value» в соответствии с вашими потребностями (в нашем случае это fl-bigmug-line-airplane86 и Самолёт (Airplane)):

   

10. Сохраните изменения:

    

11. Теперь Вы можете выбрать новый значок для Пользовательского блока хедера #1:

    

Это конец туториала. Теперь Вы знаете, как добавить значок в Пользовательский блок в Shopify.

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