Pinned Loading

1. Recommend / Related products Recommend / Related products

   1

   <!-- Tag products with recommend_product-handle --> 

   2

   3

   <div class="recommended-products">

   4

     {% for tag in product.tags %}

   5

       {% if tag contains 'recommend_' %}

2. dominant-color.liquid dominant-color.liquid

   1

   <!-- Get the overall dominant color of an image to use as pre-lazyload or similar. -->

   2

   {% assign dominant_color_image = image | img_url: '1x' %}

   3

   <!-- Stretch it out and you basically have an extremeley blurry version of the image. -->

3. get-text-from-comment.liquid get-text-from-comment.liquid

   1

   When doing something like <!--video-id:abcabc-->

   2

   3

   {% assign video-id = collection.description | split: 'video-id:' | last | split: '-->' | first %}

   4

   5

   When you need multiple and dont know how many,