如何在博客文章中将特色图片添加到shopify上的主页

Question

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

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

我想要做的是将博客帖子特色图片作为li的背景

Answer 1

您可以使用article.image or article.image.src获取精选图片，还可以使用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 %}