Shopify collection list

collection list

{
    "name": "Home Page - Collections",
    "settings": [
      {
        "type": "header",
        "content": "Collection 1"
      },
      {
        "type": "collection",
        "id": "col_1",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_1_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 2"
      },
      {
        "type": "collection",
        "id": "col_2",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_2_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 3"
      },
      {
        "type": "collection",
        "id": "col_3",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_3_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 4"
      },
      {
        "type": "collection",
        "id": "col_4",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_4_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 5"
      },
      {
        "type": "collection",
        "id": "col_5",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_5_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 6"
      },
      {
        "type": "collection",
        "id": "col_6",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_6_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 7"
      },
      {
        "type": "collection",
        "id": "col_7",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_7_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 8"
      },
      {
        "type": "collection",
        "id": "col_8",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_8_img.jpg",
        "label": "Collection Image"
      },
      {
        "type": "header",
        "content": "Collection 9"
      },
      {
        "type": "collection",
        "id": "col_9",
        "label": "Collection"
      },
      {
        "type": "image",
        "id": "col_9_img.jpg",
        "label": "Collection Image"
      }
    ]
  },
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div id="featCols">
<div class="grid">
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_1].url }}">{{ 'col_1_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_1].url }}">{{ collections[settings.col_1].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_2].url }}">{{ 'col_2_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_2].url }}">{{ collections[settings.col_2].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_3].url }}">{{ 'col_3_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_3].url }}">{{ collections[settings.col_3].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_4].url }}">{{ 'col_4_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_4].url }}">{{ collections[settings.col_4].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_5].url }}">{{ 'col_5_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_5].url }}">{{ collections[settings.col_5].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_6].url }}">{{ 'col_6_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_6].url }}">{{ collections[settings.col_6].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_7].url }}">{{ 'col_7_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_7].url }}">{{ collections[settings.col_7].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_8].url }}">{{ 'col_8_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_8].url }}">{{ collections[settings.col_8].title }}</a></h3>
        </div>
      </div>
      
      <div class="grid__item one-third text-center">
      	<div class="colcbox">
          	<a href="{{ collections[settings.col_9].url }}">{{ 'col_9_img.jpg' | asset_url | img_tag }}</a>
        	<h3><a href="{{ collections[settings.col_9].url }}">{{ collections[settings.col_9].title }}</a></h3>
        </div>
      </div>
      
    </div>
</div>