article 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.

Tech Tips

December 20, 2015

Retrieve featured image of article blog in Shopify

Previously, we often embed image into article content or article excerpt, after that we will use a code snippet get a first image from that and made featured image for this article.

{% assign featured_image = article.excerpt_or_content | escape %}
{% if featured_image contains '&lt;img' %}
{% assign featured_image = featured_image | split: 'src=&quot;' %}
{% assign featured_image = featured_image[1] | split: '&quot;' %}
{% assign featured_image = featured_image[0] | remove: '//cdn' %}
{% assign featured_image = featured_image | remove: 'http:'; %}
{% assign featured_image = featured_image | remove: 'https:' %}    
{{ featured_image | prepend:'//cdn' | img_tag}}
{% endif %}

{% assign featured_image = article.excerpt_or_content | escape %}

{% if featured_image contains '<img' %}

{% assign featured_image = featured_image | split: 'src="' %}

{% assign featured_image = featured_image[1] | split: '"' %}

{% assign featured_image = featured_image[0] | remove: '//cdn' %}

{% assign featured_image = featured_image | remove: 'http:'; %}

{% assign featured_image = featured_image | remove: 'https:' %}

{% endif %}

But...

Tagged: article

Extracting all images from an article for a slideshow gallery

Retrieve featured image of article blog in Shopify