Grid Gallery Code - not working need help

Technical Q&A
,
1

As Shopify doesn’t do a grid gallery anymore, I had to source code for how to manually add this section back in. I thought I finally got the code going but when the images are uploaded, they dont appear. Even though it shows the image has on the right hand side.

Not sure what I’m missing here…

I’ve had a look through the code over and over and cant figure out why the images are not appearing once they are uploaded into each of the blocks. Hoping someone here can help me out.

dekiv_2-1687674948099.png
dekiv_2-1687674948099.png1905×936 140 KB

website: https://kuhl-cher-coffee.myshopify.com/pages/wholesale

Pass: stewsa


  

    {% if section.settings.title != blank %}
      

        ## {{ section.settings.title | escape }}
        

---

      

    {% endif %}

    
      {% assign grid_item_width = "one-half medium--one-third large--one-third" %}
      {% if section.blocks.size == 1 %}
        {% assign grid_item_width = "one-whole" %}
      {% elsif section.blocks.size == 2 %}
        {% assign grid_item_width = "one-half medium--one-half large--one-half" %}
      {% endif %}
      
      {% for block in section.blocks %}
        

          
            {% if block.settings.image == blank %}
              {% capture current %}{% cycle 1, 2, 3, 4, 5, 6 %}{% endcapture %}
              
{{ 'collection-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}

            {% else %}
              
              

            {% endif %}
          
        

      {% endfor %}

    

  

{% schema %}
{
  "name": "Images Gallery",
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Heading",
      "default": "Images Gallery"
    }
  ],
  "presets": [
    {
      "name": "Images Gallery",
      "category": "Images"
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "id": "image",
          "type": "image_picker",
          "label": "Image"
        },
        {
          "id": "link",
          "type": "url",
          "label": "Link"
        }
      ]
    }
  ]
}
{% endschema %}