Add image block shopify theme

This tutorial explains how to add image block shopify theme and make the blocks editable from the backend. Here it create a section in the backend where you upload the image and linked that to the collection.


Add image block shopify theme

Add image block shopify theme

Create a new section in the theme area.

add_content_homepage_shopify
add content section homepage shopify

<div>
  <div>
    <a href="{{ section.settings.featured_collection_1 }}">
     <img src="{{ section.settings.image_1 | img_url }}">
    </a>
  </div>
</div>

{% schema %}
  {
    "name": "Home Image Block",
    "settings": [
       {
      "type": "image_picker",
      "id": "image_1",
      "label": "Logo image"
    },
     {
        "type": "collection",
        "id": "featured_collection_1",
        "label": "Collection Link"
      }
]
  }
{% endschema %}

Add section home page

add_content_block_homepage_shopify

Also refer the how to create editable content blocks shopify theme and transfer shopify blogs from one store to another.

Share this Tutorial

Leave a Reply

Your email address will not be published. Required fields are marked *

*