Изображения не отображаются в пользовательском разделе Shopify, несмотря на правильные URL-адреса изображений ⇐ CSS

[Anonymous]

Я работаю над специальным разделом Shopify, в котором текст отображается рядом с изображениями. Я использовал настройки image_picker в схеме, чтобы позволить пользователям загружать изображения через настройщик темы. Изображения отображаются в консоли HTML, но не отображаются на странице.
Вот код:

Код: Выделить всё

{{ section.settings.heading }}

{{ section.settings.content }}


W

.



{% if section.settings.image1 %}
[img]{{ section.settings.image1 | image_url: [/img]
{% endif %}
{% if section.settings.image2 %}
[img]{{ section.settings.image2 | image_url: [/img]
{% endif %}
{% if section.settings.image3 %}
[img]{{ section.settings.image3 | image_url: [/img]
{% endif %}

Схема:

Код: Выделить всё

{
"name": "Custom Section",
"settings": [
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Our jewelry"
},
{
"type": "text",
"id": "content",
"label": "Content",
"default": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tempor tincidunt posuere. Nam tempus, leo ac tempus hendrerit."
},
{
"type": "text",
"id": "circular_content",
"label": "Circular Content",
"default": "We’re the bestie that you can be yourself with."
},
{
"type": "image_picker",
"id": "image1",
"label": "Image 1"
},
{
"type": "image_picker",
"id": "image2",
"label": "Image 2"
},
{
"type": "image_picker",
"id": "image3",
"label": "Image 3"
}
],
"presets": [
{
"name": "Sample Section"
}
]
}

Предпринятые действия по устранению неполадок:

• Я проверил URL-адреса в консоли, но не уверен, верны ли они. (Как проверить правильность путей?)

Здесь можно увидеть:

• Проверил CSS на наличие свойств, которые могут скрывать изображения (например, отображение: нет, видимость: скрыто, проблемы с z-индексом).

Несмотря на эти проверки, изображения по-прежнему не отображаются. на странице.
Вопросы:

• Какова может быть причина того, что изображения не отображаются, несмотря на то, что на них правильно указаны ссылки в HTML?
• Необходимы ли какие-либо дополнительные проверки или действия, которые мне следует предпринять для устранения и устранения этой проблемы?

Любая помощь будет принята с благодарностью!

Подробнее здесь: https://stackoverflow.com/questions/786 ... image-urls