[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

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

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

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

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

    Shopify. How to add icon into Custom block_1

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

    Shopify. How to add icon into Custom block_2

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

    Shopify. How to add icon into Custom block_3

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

    Shopify. How to add icon into Custom block_4

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

    Shopify. How to add icon into Custom block_5

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

    Shopify. How to add icon into Custom block_6

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

    Shopify. How to add icon into Custom block_7

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

    Shopify. How to add icon into Custom block_8

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

    Shopify. How to add icon into Custom block_9

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

    Shopify. How to add icon into Custom block_10

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

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

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