Twitter Card not showing product images

LoveLittleMoon
Visitor
3 0 0

Hi all,

 

I have set up my Twitter Card and all seems to be working except for product images do not show up - see below. When I ran an SEO tool it said missing 'twitter.image' and 'twitter.site'. Any help would be greatly appreciated.

 

My site is https://lovelittlemoon.com.au

 

LoveLittleMoon_0-1651241641082.png

The code I used:

 

<meta name="twitter:site" content="@LoveLittleMoon_" />

{% if template contains 'product' %}
<meta name="twitter:card" content="product" />
<meta name="twitter:title" content="{{ product.title | escape }}" />
<meta name="twitter:description" content="{{ product.description | strip_html | strip_newlines | truncatewords: 60, '' | escape }}" />
<meta name="twitter:image" content="{{ product.featured_image.src | product_img_url: 'large' }}" />
<meta name="twitter:label1" content="Price" />
<meta name="twitter:data1" content="{% if product.price_varies %}From {% endif %}{{ product.price | money_with_currency | strip_html }}" />
{% if product.vendor == blank %}
<meta name="twitter:label2" content="Availability" />
<meta name="twitter:data2" content="{% if product.available %}In stock{% else %}Out of stock{% endif %}" />
{% else %}
<meta name="twitter:label2" content="Brand" />
<meta name="twitter:data2" content="{{ product.vendor | escape }}" />
{% endif %}
{% elsif template contains 'article' %}
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="{{ article.title | escape }}" />
<meta name="twitter:description" content="{{ article.excerpt_or_content | strip_html | truncatewords: 60, '' | escape }}" />
{% assign img_tag = '<' | append: 'img' %}
{% if article.content contains img_tag %}
{% assign src=article.content | split: 'src="' %}
{% assign src=src[1] | split: '"' | first | remove: 'https:' | remove: 'http:' %}
{% if src %}
<meta property="twitter:image" content="http:{{ src }}" />
{% endif %}
{% endif %}
{% endif %}

Replies 0 (0)