Tagged: liquid

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

November 16, 2018

How to minify your Shopify store’s CSS, JavaScript files and Liquid codes

How fast your site loads is not only important for first time visitors, but it is also important for moving search engine ranking. When you minify your website’s CSS, HTML, and Javascript files, you...

Tech Tips

July 21, 2018

How to check if a number is divisible by another number in Shopify

Shopify Liquid don’t support a function to check if a number is divisible by another number. But you can combine 2 functions: “modulo” and “if” to do that.

{% assign dividend = 7 %}
{% assign divisor = 3 %}
{% assign remainder = dividend | modulo:divisor %}
{% if remainder == 0 %}
Divisible
{% else %}
Not Divisible
{% endif %}

{% assign dividend = 7 %}

{% assign divisor = 3 %}

{% assign remainder = dividend | modulo:divisor %}

{% if remainder == 0 %}

Divisible

{% else %}

Not Divisible

{% endif %}

Tech Tips

April 27, 2016

How to create metafields for products in Shopify

The metafields object allows you to store additional information for products, collections, orders, blogs, pages and your shop. You can output metafields on your storefront using Liquid. There are several Shopify apps and browser...

Tech Tips

January 25, 2016

How to Use all_products in a Shopify Theme

For this week’s advanced Liquid Shopify tutorial, we’ll be looking at a way to access product information without having to loop over a collection or be on a product detail page. We can achieve...

Tech Tips

July 9, 2015

Access any product globally in store Shopify

Before, Shopify wasn’t support user access a product in your store by product handle. So if you want access a product, you need loop all products in a collection and find product satisfy conditions...