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

日本語 ディスカッション 技術的なQ＆A

Topic summary

ブログ記事のサムネイル画像を表示する際、サムネイルが設定されていない場合に特定のデフォルト画像を表示させたいという質問です。

現状の実装:

  • <img> タグで article.image.src を使用してサムネイルを表示
  • 画像が無い場合の処理が未実装

提案された解決策:

  • {% if article.image == blank %} を使用した条件分岐
  • article.image に値があるかどうかで判定し、値が無い場合（blank）は特定の画像を表示、ある場合は記事のサムネイルを表示
  • Shopify Liquidの真偽値判定の公式ドキュメントが参考資料として提示されました

ステータス: 解決済み（if-else文による条件分岐で対応可能）

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

お知らせのセクションで、ブログ記事から設定し表示できるように下記のコードを記述しています。
タグの部分で記事で設定した画像を表示させていますが、記事にサムネイルが無い場合にある特定の画像を表示させたいのですが、if else文だと思うのですが、どう記述すれば良いか教えていただけますでしょうか。よろしくお願いします。

{% for article in blog.articles limit: section.settings.post_limit %} ****
{% if section.settings.new-news_date %} {{ article.published_at | date: "%Y.%m.%d" }} {% endif %} {% if section.settings.new-news_category %} #{{ article.tags }} {% endif %}

{{ article.title }}

more

{%- render 'icon' with 'icon-arrow-small', width: 12, direction_aware: true -%}

more

{%- render 'icon' with 'icon-arrow-small-white', width: 12, direction_aware: true -%}
{% endfor %}
2 
{% if article.image == blank %}
{% else %}
{% endif %}

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

[参考]

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