Custom Section - Image not appearing on LIVE store

Highlighted

Hi,

I've made a custom section on the debut theme that's got a heading, 3 image blocks, text underneath them and a single button.

 

I've got the custom section to appear in the theme editor and everything works there but the images don't appear even if I've selected them.

 

I've wanting to make this

What i wantWhat i want

 

This is the actual result I get

What I actually get with the custom sectionWhat I actually get with the custom section 

 

Code is below and I can't figure out my error.

 

 

<div class="step-section">


  <div class="page-width">
		<div class="rich-text__heading--medium text-center">
          <h2 class="h3">{{ section.settings.section_title | escape }}</h2>
        </div>
		<div class="steps-section">


			{% for block in section.blocks %}
			<div>
                 <img src="{{ blocks.settings.image | img_url: '300x300' }}" alt="Steps">
                 <h4 class="step-heading">{{ blocks.settings.step_heading | escape }}</h4>

			</div>
			{% endfor %}

		</div>

		{% if section.settings.link != blank %}
		<div class="text-center">
			<a href="{{ section.settings.link}}" class="btn btn-primary">{{ section.settings.linktext }}</a>
		</div>
		{% endif %}

  </div> 
</div>


{% schema %}
{
"name": "Step Section",
"max_blocks": 3,
"settings": [
	{
	 "id": "section_title",      
	 "type": "text",
	 "label": "Title"
	},
	{
	  "type": "text",
	  "id": "linktext",
	  "label": "Button Text",
	  "default": "Click here"
	},
	{
	  "type": "url",
	  "id": "link",
	  "label": "Button Link"
	}

],

"blocks": [
{
  "type": "Steps",
  "name": "Steps",
  "settings": [
      {
        "type": "image_picker",
        "id": "image",
        "label": "Image"
      },
      {
        "id": "step_heading",      
        "type": "text",
        "label": "Title Step"
      }
      ]
}
	
]
,
"presets" : [
{
	"name": "Step Seection",
	"category": "Custom Styles"
}
]

}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

 

 

0 Likes