Create content block shopify theme

<div id="usp-block"> <div class="usp"> <ul> <li>{{ section.settings.text-box-1 }}</li> <li>{{ section.settings.text-box-2 }}</li> <li class="last">{{ section.settings.text-box-3 }}</li> </ul> </div> </div> {% schema %} { "name": "USP Block", "settings": [ { "id": "text-box-1", "type": "text", "label": "Heading", "default": "Title" }, { "id": "text-box-2", "type": "text", "label": "Heading", "default": "Title" }, { "id": "text-box-3", "type": "text", "label": "Heading", "default":… Read more »

<div id="usp-block">
  <div class="usp">
    <ul> 
      <li>{{ section.settings.text-box-1 }}</li>
      <li>{{ section.settings.text-box-2 }}</li>
      <li class="last">{{ section.settings.text-box-3 }}</li>
    </ul> 
  </div>
</div>

{% schema %}
  {
    "name": "USP Block",
    "settings": [
     {
        "id": "text-box-1",
        "type": "text",
        "label": "Heading",
        "default": "Title"
      },
      {
        "id": "text-box-2",
        "type": "text",
        "label": "Heading",
        "default": "Title"
      },
      {
        "id": "text-box-3",
        "type": "text",
        "label": "Heading",
        "default": "Title"
      }
]
  }
{% endschema %}

Share this Tutorial