FROM CACHE - jp_header

構造化データの「image」が機能しない

構造化データの「image」が機能しない

nards
新規メンバー
6 0 0

お世話になります。shopifyでECを運営しております。技術的なことについては初学者レベルです。

 

DAWNをベースにしたテーマを使用しております。

リッチリザルトテストを実施した際、項目「image」がありませんと表示されるのですが、shopify側のmain-product.liquidのコードを確認すると、imageの記述があります。 

リッチリザルトテストでimageがないというアラートが出る原因がわからず、ご教示いただきたいです。

 

よろしくお願いいたします。

コード.png

リッチリザルトテストの結果.png

  

2件の返信2

improv
Shopify Partner
37 11 6

初めまして。

 

product.selected_or_first_available_variant.featured_media

は商品のバリアント(サイズや色などの異なるバージョン)が存在していない場合には値が入ってきません。

そのため、バリアントがない場合にはproduct.featured_imageを使うようにしてください。

また、そもそも商品画像が存在していない商品の場合には、product.featured_imageも存在しませんので

ダミー画像(プレースホルダー画像)を用意して、そのURLを書いてください。

 

下記が参考のコードです。

 

 

  {% if product.selected_or_first_available_variant.featured_media %} // バリアントが存在している商品の場合
    "image": {{ product.selected_or_first_available_variant.featured_media | image_url: width: 1920 | prepend: "https:" | json }},
  {% elsif product.featured_image %} // バリアントが存在していない商品の場合
    "image": {{ product.featured_image | image_url: width: 1920 | prepend: "https:" | json }},
  {% else %} // 商品画像が存在しない商品の場合
    "{{ 'path/to/default-image.jpg' | json }}", // ダミー画像のurlを設定してください
  {% endif %}

 

 

 ご参考までに。

伊藤佑真 フリーランスwebエンジニア
-shopifyアプリの開発をしています。
- 私の回答で解決しましたら、ぜひいいね、ベストソリューションの承認をお願いします。
- shopifyアプリやシステム開発のご相談はお気軽にDMにて
nards
新規メンバー
6 0 0

ありがとうございます。

ご教示いただいた方法で試してみます。