gallery Archives - Hura Tips

November 26, 2018

Extracting all images from an article for a slideshow gallery

The below liquid code help you extract all images from an article.

{% assign article_content = article.content | escape %}
{% if article_content contains '&lt;img' %}
{% assign article_content = article_content | split: '&lt;img src=&quot;' %}
{% for all_img in article_content %}
{% if forloop.index != 1 %}
{% assign a_img = all_img | escape %}
{% assign a_img = a_img | split: '&' %}
<img src="{{ a_img[0] }}">
{% endif %}
{% endfor %}
{% else %}
{% endif %}

{% assign article_content = article.content | escape %}

{% if article_content contains '<img' %}

{% assign article_content = article_content | split: '<img src="' %}

{% for all_img in article_content %}

{% if forloop.index != 1 %}

{% assign a_img = all_img | escape %}

{% assign a_img = a_img | split: '&' %}

{% endif %}

{% endfor %}

{% else %}

{% endif %}

You can use it to create a slideshow gallery.

Tagged: gallery

How To Create an Image Gallery Page in Shopify

8+ Best Shopify Photo Gallery Apps

Extracting all images from an article for a slideshow gallery