如何将博客 post 中的精选图片添加到我在 shopify 上的主页

Question

到目前为止，这是我的代码：

{% for article in blogs["field-notes"].articles limit: 2 %}
<li>{{ article.title | link_to: article.url }}</li>
{% endfor %}

我想做的是将博客 post 特色图片作为 li

的背景

Answer 1

您使用 article.image or article.image.src, and you can also use the img_url filter 获取特色图片以获得该图片的适当尺寸。

{% for article in blogs["field-notes"].articles %}
    <li style="background-image:url({{ article.image.src | img_url: 'medium' }});">
        <a href="{{ article.url }}">{{ article.title }}</a>
    </li>
{% endfor %}

如何将博客 post 中的精选图片添加到我在 shopify 上的主页

How can I add a featured image from a blog post to my homepage on shopify

ruby

liquid

e-commerce

shopify