slideshow Archives

January 8, 2020

How to add a photo slideshow to your Shopify store

Want to impress your customers with lively eye-catching images right on your online store? Making a photo slideshow is a best way. In this article, we will go over how to create a photo...

Tech 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: slideshow

How to add a photo slideshow to your Shopify store

Extracting all images from an article for a slideshow gallery