AutoOpenGraph?

Can anyone help with this AutoOpenGraph code that seems to appear in a few add ons? It appears to be the main part of the AutoFacebook OG add on, but while searching for help, I've found it referenced elsewhere, as well.

I'd like a simple way to get OpenGraph working on my site. This code might just work, except that, well, the main reason I'd like to install it is to get the appropriate product image to show up when someone decides to share a product URL to Facebook.

FB's Open Graph Object Debugger scrapes the product info well enough, but, unfortunately my main product image is too small for it. It wants a minimum 200px x 200px.

So, the AutoOpenGraph code that does this appears to be:
//get defined image or default
$myImage= zen_get_products_image((int)$_GET['products_id']);
$img = simplexml_load_string($myImage);
$img = $img['src'];

It looks to me like it's pulling the main image. Is there code that can be swapped in so that it would return the product image from the "large" images subdirectory? That might solve my problem.

Thanks!

So, one way to figure this out is to take a look at the code that returns the variable $myimage. If you goto http://www.zen-cart.com/docs/phpdoc-1-5-0/ you can navigate to the function and see how it builds the variable. If not mistaken it is an array, and sou would want to then modify the path of the image to obtain the large image path and possibly other characteristics of the image that are stored in the variable...

Also, could look at how the image informationis built in the tpl_product_info.php file and the header leading to it.

Just thought of this: (slow tonight), if uused Image Handler (version 4), the default image is the largest image and would be the ideal situation for you... No modification should be necessary... (I think).

I am indeed using Image Handler, but the code above is returning the main image, which is 120x156.

The main image, which the OG debugger finds, is images/subfolder/cover.jpg

I suspect it would prefer the large image at images/large/subfolder/cover_LRG.jpg

Thanks for the pointer to the phpdoc. I will investigate

Only done a cursory inspection, but it somewhat looks like you would want to change the call to a zen_image call instead of a zen_get_products_image call...

May require a little bit more upfront work similar to what is done in includes/modules/YOUR_TEMPLATE/main_product_image.php (modified by IH4) in obtaining the path to the products_image_large file... Once that path is designated, the response from zen_image should provide the image for the large version. Otherwise, the way it seems to read is that the small image will be returned as written above. Otherwise could provide dimensions to try to get a larger image, but I don't think that will provide the result(s) needed by the receiving application.

That's help! Thanks. I tried something with no luck. Looked in my debug logs and found these two lines just above the $myImage content:

extract($product_info_metatags->fields);
extract($category_metatags->fields);

were kicking back "extract() expects parameter 1 to be array, null given "

Maybe this was the problem all along

Here's the as it stand in MY_TEMPLATE/common/html_header.php

################ start of AutoOpenGraph ###################

$og_store_name = "NAME"; //e.g. "Samanthas Power Tools", or "Gus' China Shop".
$og_store_url = "SITE"; //url to your store (no trailing '/')
$og_product_type = "product"; //type of product you're selling (see tutorial)
$og_use_addr = 0; //use address? if yes, set $use_addr = 1; (no quotes). edit lines 31-34.
$og_use_email = 0; //use email address? if yes, set $use_email = 1; (no quotes) edit line 37.
$og_use_phone = 0; //use phone number? if yes, set $use_phone = 1; (no quotes) edit line 40.

//if $use_addr is set to 1;
$og_street = "123 Main St"; //change to your street address.
$og_city = "Richmond"; //your city
$og_state = "VA"; //Your State. Facebook exaple uses abbreviation.
$og_zip = "23220"; //you're zip/postal code.
$og_country = "USA"; //your country. Facebook example uses acronym.

//if $use_email is set to 1;
$og_email_address = "[email protected]"; // your email

//if use_phone is set to 1
$og_phone_number = "+1-800-555-1234"; //format: +country code - area code - number.

//no need to edit below this line:
extract($product_info_metatags->fields);
extract($category_metatags->fields);
$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){ $depends = $categories_name; $product_type = "website"; }
else if ($products_name){ $depends = $products_name; }
else { $depends = META_TAG_TITLE; $product_type = "website"; }
//print_r($product_info_metatags);
################# end of AutoOpenGraph ####################

Randolph Hoppe:

Here's the as it stand in MY_TEMPLATE/common/html_header.php

################ start of AutoOpenGraph ###################

$og_store_name = "NAME"; //e.g. "Samanthas Power Tools", or "Gus' China Shop".
$og_store_url = "SITE"; //url to your store (no trailing '/')
$og_product_type = "product"; //type of product you're selling (see tutorial)
$og_use_addr = 0; //use address? if yes, set $use_addr = 1; (no quotes). edit lines 31-34.
$og_use_email = 0; //use email address? if yes, set $use_email = 1; (no quotes) edit line 37.
$og_use_phone = 0; //use phone number? if yes, set $use_phone = 1; (no quotes) edit line 40.

//if $use_addr is set to 1;
$og_street = "123 Main St"; //change to your street address.
$og_city = "Richmond"; //your city
$og_state = "VA"; //Your State. Facebook exaple uses abbreviation.
$og_zip = "23220"; //you're zip/postal code.
$og_country = "USA"; //your country. Facebook example uses acronym.

//if $use_email is set to 1;
$og_email_address = "[email protected]"; // your email

//if use_phone is set to 1
$og_phone_number = "+1-800-555-1234"; //format: +country code - area code - number.

//no need to edit below this line:
extract($product_info_metatags->fields);
extract($category_metatags->fields);
$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){ $depends = $categories_name; $product_type = "website"; }
else if ($products_name){ $depends = $products_name; }
else { $depends = META_TAG_TITLE; $product_type = "website"; }
//print_r($product_info_metatags);
################# end of AutoOpenGraph ####################

So me this still does not work. A couple of things, one is that the variable product_image_base would not be defined unless on the product page. This causes the variable result to be an image name made up primarily on the constants. Further, the function that process $myimage parses the string looking for src and the content that follows... The current code does not generate aa similar html output, so really the next two steps can be omitted as well and $myImage simply changed to $img.

As to the issue with the metatags, I'm thinking that the logged info, which was not provided in full, is that this is a warning not an error... That section of code could be prefaced with something like: 

if (is_array($product_info_metatags->fields)) {
extract($product_info_metatags->fields);
}

$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

The above did not work.

Okay, regroup on thoughts.

Because IH4 I being used, the actual file doesn't exist as identified in that assignment. The real filename (rewritten by the image handler) needs to be obtained through the use of zen_image with the source being $myImage and whatever additional attributes/information is needed/desired.

Then the response wouldneed to be processed like it is in the above code to determine the value of the key src.

Hmm. The large image does exist at images/large/subfolder/cover_LRG.jpg

Unsure of what to do next.

Randolph Hoppe:

Hmm. The large image does exist at images/large/subfolder/cover_LRG.jpg

Unsure of what to do next.

What does your code look like in the area of:

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;



$img = simplexml_load_string($myImage);
$img = $img['src'];
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){

This is what I see as a potential solution based on information provided thus far (untested), but it seems like it addresses the possibility of image handler being installed and to obtain the path associated:

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$products_id = (int)$_GET['products_id'];

if (zen_not_null($products_id) && $products_id !== 0) {

$sql = "select p.products_image from " . TABLE_PRODUCTS . " p where products_id= :product_id:";
$sql = $db->bindVars($sql, ':product_id:', $products_id, 'integer');
$look_up = $db->Execute($sql);


 $products_image = DIR_WS_IMAGES . $look_up->fields['products_image'];
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/' . $products_image_extension . '$/', '', $products_image);
$products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;


$myImage = zen_image($products_image_large, zen_get_products_name($products_id), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT)

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;



$img = simplexml_load_string($myImage);
$img = $img['src'];
}
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){

I could be wrong... :)

mc12345678:

What does your code look like in the area of:

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){

Right now, it looks like this:

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default

$myImage = zen_get_products_image((int)$_GET['products_id']);

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){

Thanks, MC!

I pasted in this (added a semi-colon at the end of the $myImage line. Was I correct?):

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$products_id = (int)$_GET['products_id'];

if (zen_not_null($products_id) && $products_id !== 0) {

$sql = "select p.products_image from " . TABLE_PRODUCTS . " p where products_id= :product_id:";
$sql = $db->bindVars($sql, ':product_id:', $products_id, 'integer');
$look_up = $db->Execute($sql);


$products_image = DIR_WS_IMAGES . $look_up->fields['products_image'];
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/' . $products_image_extension . '$/', '', $products_image);
$products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;


$myImage = zen_image($products_image_large, zen_get_products_name($products_id), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;



$img = simplexml_load_string($myImage);
$img = $img['src'];
}
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name) {

Now, the Facebook Open Graph Scraper/Debugger is not finding an image file. It's saying the image name is basically the domain.com..

Randolph Hoppe:

Thanks, MC!

I pasted in this (added a semi-colon at the end of the $myImage line. Was I correct?):

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$products_id = (int)$_GET['products_id'];

if (zen_not_null($products_id) && $products_id !== 0) {

$sql = "select p.products_image from " . TABLE_PRODUCTS . " p where products_id= :product_id:";
$sql = $db->bindVars($sql, ':product_id:', $products_id, 'integer');
$look_up = $db->Execute($sql);

$products_image = DIR_WS_IMAGES . $look_up->fields['products_image'];
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/' . $products_image_extension . '$/', '', $products_image);
$products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$myImage = zen_image($products_image_large, zen_get_products_name($products_id), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
}
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name) {

> 
> Now, the Facebook Open Graph Scraper/Debugger is not finding an image file. It's saying the image name is basically the domain.com..

Try removing the if statement as commented below... I may have chosen the wrong test values... If it works, still recommend incorporating something to ensure that it doesn't permit other nasties.. :)

I'm wondering if as a result of that if statement that none of the code is being run based on the content of the "error" being the site's base url.  If there is more text that might be applicable, that would be good to know about to properly capture the correct information and code.

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$products_id = (int)$_GET['products_id'];

/* if (zen_not_null($products_id) && $products_id !== 0) */ {

$sql = "select p.products_image from " . TABLE_PRODUCTS . " p where products_id= :product_id:";
$sql = $db->bindVars($sql, ':product_id:', $products_id, 'integer');
$look_up = $db->Execute($sql);

$products_image = DIR_WS_IMAGES . $look_up->fields['products_image'];
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/' . $products_image_extension . '$/', '', $products_image);
$products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$myImage = zen_image($products_image_large, zen_get_products_name($products_id), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;

$img = simplexml_load_string($myImage);
$img = $img['src'];
}
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name) {

It's still not finding what it needs. Here's more code-y context, if it helps:

<?php
/**
 * Common Template
 *
 * outputs the html header. i,e, everything that comes before the \</head\> tag <br />
 *
 * @package templateSystem
 * @copyright Copyright 2003-2012 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version GIT: $Id: Author: DrByte  Tue Jul 17 16:02:00 2012 -0400 Modified in v1.5.1 $
 */
/**
 * load the module for generating page meta-tags
 */
require(DIR_WS_MODULES . zen_get_module_directory('meta_tags.php'));
/**
 * output main page HEAD tag and related headers/meta-tags, etc
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?>>
<head>
<title><?php echo META_TAG_TITLE; ?></title>

<?php
################ start of AutoOpenGraph ###################
 
$og_store_name = "Store Name"; //e.g. "Samanthas Power Tools", or "Gus' China Shop".
$og_store_url = "http://domain.tld"; //url to your store (no trailing '/')
$og_product_type = "product"; //type of product you're selling (see tutorial)
$og_use_addr = 0; //use address? if yes, set $use_addr = 1; (no quotes). edit lines 31-34.
$og_use_email = 0; //use email address? if yes, set $use_email = 1; (no quotes) edit line 37.
$og_use_phone = 0; //use phone number? if yes, set $use_phone = 1; (no quotes) edit line 40.
 
//if $use_addr is set to 1;
$og_street = "123 Main St";  //change to your street address.
$og_city = "Richmond"; //your city
$og_state = "VA"; //Your State. Facebook exaple uses abbreviation.
$og_zip = "23220"; //your zip/postal code.
$og_country = "USA"; //your country. Facebook example uses acronym.
 
//if $use_email is set to 1;
$og_email_address = "[email protected]"; // your email
 
//if use_phone is set to 1
$og_phone_number = "+1-800-555-1234"; //format: +country code - area code - number.

//no need to edit below this line:
extract($product_info_metatags->fields);
extract($category_metatags->fields);

$og_prod_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];

//get defined image or default
//$myImage = zen_get_products_image((int)$_GET['products_id']);

$products_id = (int)$_GET['products_id'];

/* if (zen_not_null($products_id) && $products_id !== 0) */ {

$sql = "select p.products_image from " . TABLE_PRODUCTS . " p where products_id= :product_id:";
$sql = $db->bindVars($sql, ':product_id:', $products_id, 'integer');
$look_up = $db->Execute($sql);


$products_image = DIR_WS_IMAGES . $look_up->fields['products_image'];
$products_image_extension = substr($products_image, strrpos($products_image, '.'));
$products_image_base = preg_replace('/' . $products_image_extension . '$/', '', $products_image);
$products_image_large = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;


$myImage = zen_image($products_image_large, zen_get_products_name($products_id), LARGE_IMAGE_WIDTH, LARGE_IMAGE_HEIGHT);

//$myImage = DIR_WS_IMAGES . 'large/' . $products_image_base . IMAGE_SUFFIX_LARGE . $products_image_extension;



$img = simplexml_load_string($myImage);
$img = $img['src'];
}
if($this_is_home_page){ $depends = $store_name; $product_type = "website"; }
else if ($categories_name){ $depends = $products_name; }
else { $depends = META_TAG_TITLE; $product_type = "website"; }
//print_r($product_info_metatags);
################# end of AutoOpenGraph ####################
 
?>
<!-- start of AutoOpenGraph tags -->
<meta property="og:title" content="<?php echo $depends; ?>" />
<meta property="og:type" content="<?php echo $og_product_type; ?>" />
<meta property="og:url" content="<?php echo $og_prod_url; ?>" />
<meta property="og:image" content="<?php echo $og_store_url . '/' . $img; ?>" />
<meta property="og:description" content="<?php echo META_TAG_DESCRIPTION; ?>" />
<meta property="og:site_name" content="<?php echo $og_store_name; ?>" />
<?php
if($use_addr){
echo '<meta property="og:street-address" content="'.$og_street.'" />'."\n";
echo '<meta property="og:locality" content="'.$og_city.'" />'."\n";
echo '<meta property="og:region" content="'.$og_state.'" />'."\n";
echo '<meta property="og:postal-code" content="'.$og_zip.'" />'."\n";
echo '<meta property="og:country-name" content="'.$og_country.'" />'."\n";
}
if($use_email){
echo '<meta property="og:email" content="'.$og_email_address.'" />'."\n";
}
if($use_phone){
echo '<meta property="og:phone_number" content="'.$og_phone_number.'" />'."\n";
}
?>
<!-- end of AutoOpenGraph tags -->

And then it moves into charset, keywords, description...

Said earlier on that the file(s) were stored in the large directory... Is IH4 still on this site? Active? What is the path from the store's root to one of thefiles? Does the filename include some sort of large extension to the base name like it is supposed to have based on the above coding?
It appers that the coding is "working", but does notfind the image. There is more error checking that could be done to support this, but need to get through the base operation...