ligthbox shopify blog

blog.liquid

<div>
 {% if article.content contains "<img" %}
    {% assign content-src = article.content | split: 'src="' %}
    {% assign content-size = content-src.size | minus:1 %}
    
    {% for i in (1..content-size) %}
        {% assign src = content-src[i] | split: '"' | first | replace: '//cdn', 'http://cdn';;; | replace: 'http:http://';;;, 'http://';;; | remove: 'https:' %}
        <a href="{{src}}" data-lightbox="{{article.id}}">
        {% if i == 1 %}
            <img src="{{src}}"/>
        {% endif %}
        </a>
    {% endfor %}
    
    {% else %}
    {% endif %}

  </div>