Why isn't my image code rendering correctly?

Technical Q&A
1

Hi can someone please help and explain why this code is not rendering the image?

{% schema %}
{
“name”: “Slideshow”,
“tag”: “section”,
“class”: “slideshow”,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “Slideshow”
}
],
“blocks”: [
{
“name”: “Slide”,
“type”: “slide”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
}
]
}
]
}
{% endschema %}

I am able to upload the image, but it doesn’t show on the page, please help.

thanks,

Y.

Can trace it,

2 
{% for block in section.blocks %}
{% if block.type == "slide" %}

{% endif %}
{% endfor %}

try this

3

Hi Simonsron,

Thank you so much for the answer, it renders the image now and your quick response, been seeking for this since two days. Could you please explain why it has to be wrapped in a if statement.

Why can’t it just be loaded like this:

that’s what you find in tutorials and documentation, weird.

Anyhow, thanks again and looking forward to your reply.

Y.

Thanks in advance,

4

Because the blocks you define are a large array, you can omit the if judgement if you only have one block of type, when you have multiple blocks of type, you must use the if judgement.