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 want
This is the actual result I get
What 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 %}
User | Count |
---|---|
61 | |
49 | |
27 | |
24 | |
23 |