Как добавить изображение в раздел Shopify?

Question

Я хочу добавить изображение на домашней странице, и для этого я добавил этот код в customimg.liquid в разделе

{
"type": "image_picker",
"id": "image_1",
"label": "Image"    
}

template-> index.liquid

{% section 'customimg' %}
{{ settings.image_1 | img_url: 'master' | img_tag }}

Изображение не отображается на главной странице.

Не могли бы вы помочь мне, где я скучаю.Спасибо

Answer 1

Поскольку вы называете раздел следующим образом {% section 'customimg' %} вместо использования {{ content_for_index }} Я предполагаю, что вам нравится раздел как статический.

Сначала вам нужно много прочитать о том, как использовать разделы вздесь: https://help.shopify.com/en/themes/development/sections

Проблемы с вашим кодом

Структура внутри раздела должна быть написана следующим образом:

{% schema %}
{
  "name": "Image",
  "settings": [
    {
      "type": "image_picker",
      "id": "image_1",
      "label": "Image"    
    }
  ]
}
{% endschema %}

Это устарело img_url: 'master' неиспользуй это.Используйте это вместо img_url: '2048x'.

Это неправильно {{ settings.image_1 ....Вы должны назвать это так {{ section.settings.image_1 ...

Вы не можете назвать изображение вне раздела!Вы должны вызвать изображение внутри раздела, так как объект section доступен только внутри раздела.

---

Как должен выглядеть ваш код:

section / customimg.liquid

{{ section.settings.image_1 | img_url: '2048x' | img_tag }}

{% schema %}
{
  "name": "Image",
  "settings": [
    {
      "type": "image_picker",
      "id": "image_1",
      "label": "Image"    
    }
  ]
}
{% endschema %}

templates / index.html

{% section 'customimg' %}

---

В качестве альтернативы ваш код может быть динамичным и выглядеть следующим образом

section / custommg.liquid

{{ section.settings.image_1 | img_url: '2048x' | img_tag }}

{% schema %}
{
  "name": "Image",
  "settings": [
    {
      "type": "image_picker",
      "id": "image_1",
      "label": "Image"    
    }
  ],
  "presets": [
    {
      "name": "Image",
      "category": "Content"
    }
  ]
}
{% endschema %}

templates / index.liquid

{{ content_for_index }}

Динамический способ позволяетдобавьте раздел умножения раз из панели администратора вместо одного.