FROM CACHE - jp_header

お知らせのサムネイルを設定していない時に特定の画像を表示したい

mnfdann1
Shopify Partner
14 0 1
お知らせのセクションで、ブログ記事から設定し表示できるように下記のコードを記述しています。
<img>タグの部分で記事で設定した画像を表示させていますが、記事にサムネイルが無い場合にある特定の画像を表示させたいのですが、if else文だと思うのですが、どう記述すれば良いか教えていただけますでしょうか。よろしくお願いします。
 
 
<div href="{{ article.url }}" class="new-news">
{% for article in blog.articles limit: section.settings.post_limit %}
<a href="{{ article.url }}" class="new-news-item">
<img
src="{{ article.image.src | image_url: width: 533 }}"
width="180"
height="180"
loading="lazy"
alt="footer-logo"
alt=""
>
<div class="new-news-info">
<div class="new-news-info-date">
{% if section.settings.new-news_date %}
<span class="new-news-date">{{ article.published_at | date: "%Y.%m.%d" }}</span>
{% endif %}
{% if section.settings.new-news_category %}
<span class="new-newscategory">#{{ article.tags }}</span>
{% endif %}
</div>
<div class="new-news-info-txt">
<p class="new-news-title">{{ article.title }}</p>
<div class="news-more-button-container">
<div class="news-more-button">
<p>more</p>
{%- render 'icon' with 'icon-arrow-small', width: 12, direction_aware: true -%}
</div>
<div class="news-more-button02">
<p>more</p>
{%- render 'icon' with 'icon-arrow-small-white', width: 12, direction_aware: true -%}
</div>
</div>
</div>
</div>
</a>
{% endfor %}
</div>
1件の返信1

Jizo_Inagaki
Shopify Partner
1030 386 703
{% if article.image == blank %}
{% else %}
{% endif %}

対象画像をarticle.imageで表示させているのであれば、上記のようにarticle.imageに値があるかないかで判定すればよいのではと思います。

 

[参考]

https://shopify.dev/docs/api/liquid/basics#truthy-and-falsy-example

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。