{"id":1567,"date":"2011-07-13T07:51:31","date_gmt":"2011-07-13T11:51:31","guid":{"rendered":"http:\/\/pro-webs.net\/blog\/?p=1567"},"modified":"2011-07-27T12:31:20","modified_gmt":"2011-07-27T16:31:20","slug":"product-images-for-facebook-like","status":"publish","type":"post","link":"https:\/\/pro-webs.net\/blog\/2011\/07\/13\/product-images-for-facebook-like\/","title":{"rendered":"Product Images for Facebook Like"},"content":{"rendered":"<p>====This is no longer working, ideas welcome =) === Facebook like buttons on your product pages are a nice touch to your social media marketing endeavors. However, it&#8217;s quite discerning when someone shares your product page and posts a button or other stupid image instead of the product image. Several requests lead me to try to solve this&#8230; and I believe I have, with the following &#8220;tweak&#8221; for your Zen Cart.<\/p>\n<ul>\n<li>First make sure you are using the Facebook Like button on your product pages. Next you are going to add a simple edit to your html_header.php<\/li>\n<li>So navigate to <strong>includes\/templates\/your_template\/common\/html_header.php<\/strong> and back it up!<\/li>\n<li>If you lack a html_header.php in that loaction got to<strong> includes\/templates\/template_default\/common\/html_header.php<\/strong> download it and upload it to <strong>includes\/templates\/your_template\/common\/<\/strong><\/li>\n<li>Now, at some logical location we will add one line of markup using the <a title=\"Open Graph protocol\" href=\"http:\/\/developers.facebook.com\/docs\/opengraph\/\" target=\"_blank\">Facebook Open Graph protocol<\/a> for the meta property=&#8221;og:image&#8221;<\/li>\n<li>Generally speaking we want to add this without breaking up a php process. I suggest you add it right after &lt;?php } \/\/endif FAVICON ?&gt;<\/li>\n<\/ul>\n<p><strong>You will be adding the following line:<\/strong><\/p>\n<p>&lt;meta property=&#8221;og:image&#8221; content=&#8221;&lt;?php echo zen_image(DIR_WS_IMAGES . $product_info-&gt;fields[&#8216;products_image&#8217;], $product_info-&gt;fields[&#8216;products_name&#8217;], IMAGE_PRODUCT_LISTING_WIDTH, IMAGE_PRODUCT_LISTING_HEIGHT) ?&gt;&#8221;\/&gt;<\/p>\n<p>That should do it, now Facebook should use your product images and not some rogue image from wherever they decide to latch on to. Please <a title=\"Download the instructions in text format\" href=\"http:\/\/pro-webs.net\/docs\/fb_image.txt\" target=\"_blank\">click here to download the text<\/a> version of these instructions to avoid issues. Like us to install the Facebook Like, Facebook send and this image fix for you? Order the <a title=\"Facebook Like Button for Zen Cart\" href=\"http:\/\/pro-webs.net\/store\/index.php?main_page=product_info&amp;cPath=10_17&amp;products_id=249\">Facebook Like installation for your Zen Cart<\/a> and get it half off until 8\/1\/2011 with coupon code <strong>BLOGREADER<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Facebook like buttons on your product pages are a nice touch to your social media marketing endeavors. However, it&#8217;s quite discerning when someone shares your product page and posts a button or other stupid image instead of the product image. Several requests lead me to try to solve this&#8230; and I believe I have, with the following &#8220;tweak&#8221; for your Zen Cart.<\/p>\n","protected":false},"author":3,"featured_media":1572,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[65,3],"tags":[1034,2271,2269,2267,2261,2263,1791,2265,2626,2268],"class_list":["post-1567","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce-design","category-ecommerce-marketing","tag-facebook","tag-image-content","tag-image-product","tag-markup","tag-media-marketing","tag-product-image","tag-product-images","tag-tweak","tag-zen-cart","tag-zen-image"],"_links":{"self":[{"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/posts\/1567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/comments?post=1567"}],"version-history":[{"count":0,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/posts\/1567\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/media\/1572"}],"wp:attachment":[{"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/media?parent=1567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/categories?post=1567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pro-webs.net\/blog\/wp-json\/wp\/v2\/tags?post=1567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}