Facebook Open Graph Problem

0 replies
  • WEB DESIGN
  • |
I hope I am asking in the right place. I am trying to get my shopify site to display a 1200x640 image when linking directly to my site. No matter how I write the code it does not seem to pick it up. I am thinking either its the result of a very slow update from the CDN or Facebook is on the fritz again (or I just suck at coding) Below is my code from the social-meta-tags.liquid file.

<!-- /snippets/social-meta-tags.liquid -->
{%- assign og_title = page_title -%}
{%- assign og_url = canonical_url -%}
{%- assign og_type = 'website' -%}
{%- assign og_description = page_description | default: shop.description | default: shop.name -%}

{% if template == 'index' %}
<meta property="og:type" content="website">
<meta property="og:title" content="{ { page_title } }">
<meta property="og:url" content="{ { canonical_url } }">
<meta property="og:image" content="http://cdn.shopify.com/s/files/1/2161/0421/files/FHD-FB-FEED.jpg?3163227978516227209" />

{%- elsif template.name == 'product' -%}
{%- assign og_title = product.title | strip_html -%}
{%- assign og_type = 'product' -%}
{%- capture og_image_tags -%}{% for image in product.images limit:3 -%}<meta property="og:image" content="http:{ { image.src | product_img_url: '250x250' } }">{% endfor -%}{% endcapture -%}
{%- capture og_image_secure_url_tags -%}{% for image in product.images limit:3 -%}<meta property="og:image:secure_url" content="https:{ { image.src | product_img_url: '250x250' } }">{% endfor -%}{% endcapture -%}

{%- elsif template.name == 'article' -%}
{%- assign og_title = article.title | strip_html -%}
{%- assign og_type = 'article' -%}
{%- assign og_description = article.excerpt_or_content | strip_html -%}
{%- if article.image -%}
{%- capture og_image_tags -%}<meta property="og:image" content="http:{ { article.image | img_url: '1024x1024' } }">{% endcapture -%}
{%- capture og_image_secure_url_tags -%}<meta property="og:image:secure_url" content="https:{ { article.image | img_url: '1024x1024' } }">{% endcapture -%}
{%- endif -%}

{%- elsif template.name == 'password' -%}
{%- assign og_title = shop.name -%}
{%- assign og_url = shop.url -%}
{%- assign og_description = shop.description | default: shop.name -%}
{%- endif -%}

<meta property="og:site_name" content="{ { shop.name } }">
<meta property="og:url" content="{ { og_url } }">
<meta property="og:title" content="{ { og_title } }">
<meta property="og:type" content="{ { og_type } }">
<meta property="og:description" content="{ { og_description } }">
{%- if template.name == 'product' -%}
<meta property="og:price:amount" content="{ { product.price | money_without_currency | strip_html } }">
<meta property="og:price:currency" content="{ { shop.currency } }">
{%- endif -%}

{ { og_image_tags } }
{ { og_image_secure_url_tags } }

{% if settings.social_twitter_link != empty %}<meta name="twitter:site" content="{ { settings.social_twitter_link | split: 'twitter.com/' | last | prepend: '@' } }">{% endif %}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{ { og_title } }">
<meta name="twitter:description" content="{ { og_description } }">
#facebook #graph #open #problem
Avatar of Unregistered

Trending Topics