29 Premium Themes
Included with purchase — and more features on the way!
Get access — $12 once
Version 2 is coming soon.
The price goes up when it arrives.
Pay once today and every update after that is free.
One Dark Pro
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Andromeda
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Ayu Dark
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Ayu Mirage
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Ayu Light
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Cobalt2
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Night Owl
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Night Owl Light
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Azureus
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Bordo
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Hibernus
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Lilac
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Lux
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Minimus
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Obscuro
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Sereno
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Uva
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Noctis Viola
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Palenight
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Pico 8
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Shades of Purple
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Shades of Purple SD
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Synthwave '84
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Tokyo Night
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Tokyo Night Storm
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Tokyo Night Light
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Winter is Coming
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Winter is Coming Light
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}
Winter is Coming Dark
<h3>Recommended Products</h3>
<ul class="recommended_products">
{% assign recommended_products = product.metafields.my_fields.rec_products.value %}
{% for product in recommended_products %}
<li>
<a href="{{ product.url }}">
{{ product.featured_image | image_url: width: 400 | image_tag: loading: 'lazy' }}
{{product.title}}
</a>
</li>
{% endfor %}
</ul>
{%- comment -%} From https://www.codeshopify.com/blog_posts/related-products-with-product_list-sections-metafields {%- endcomment -%}