Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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. Как добавить иконку в Пользовательский блок
 
Чат
We help you to choose the right product.
Начать чат