Hi Bjarne,

Treat this as any other element you need to output - grab the data from Umbraco and output it somehow.

Assuming you're in XSLT here, you'd have a macro in the head section of the template - since you're outputting an image url, you could just modify a macro that outputs an image, and output this meta element instead.

Where is your image located - is it an Upload field or a Media Picker somewhere?

/Chriztian

Hi Chriztian..

Yes, I was thinking I could do it that way.. just wondering if it was possible to do it direct from the product xslt file..

I'm using DAMP, so I can add multiples images for each product.. either on the product itself or the variants..
I already had a variable to use the product image of the product.. if it hasn't one it uses the first variant image.. otherwise it just display an empty image graphic using ImageGen altImage parameter.. :

<xsl:variable name="category" select="./ancestor-or-self::* [name() = 'ProductCategory'][1]"/>
<xsl:variable name="product" select="./ancestor-or-self::Product [last()]"/>
<xsl:variable name="variants" select="$product/descendant-or-self::Product [not(child::Product)]"/>
<xsl:variable name="variant" select="./descendant-or-self::Product [not(child::Product)][1]"/>
<xsl:variable name="nodeLink" select="umbraco.library:NiceUrl($product/@id)"/>

<ul>
        <xsl:for-each select="./productImage">
          <xsl:variable name="mediaImageXml">
            <xsl:choose>
            <xsl:when test="$product/productImage != ''">
              <xsl:copy-of select="$product/productImage/DAMP/mediaItem[1]/Image"/>
            </xsl:when>
            <xsl:when test="$variant/productImage != ''">
              <xsl:copy-of select="$variant/productImage/DAMP/mediaItem[1]/Image"/>
            </xsl:when>
            <xsl:otherwise>
              <xsl:copy-of select="./productImage/DAMP/mediaItem[1]/Image"/>
            </xsl:otherwise>
            </xsl:choose>
          </xsl:variable>
        
          <xsl:variable name="mediaImage" select="msxml:node-set($mediaImageXml)/*"/>
          <li>
            <img src="{concat('/ImageGen.ashx?altImage=/gfx/no_image.gif&amp;Image=',$mediaImage/umbracoFile,'&amp;Width=',$imgWidth)}" id="productImage" alt=""  />
   </li>
</xsl:for-each>
</ul>

Both the product and variants (children) is using the Product doc type and have the same properties..

Bjarne 

Hi..

I created a new xslt file and used this code.

<xsl:variable name="siteName" select="'AK-Security'"/>
<xsl:variable name="url" select="concat('http://',umbraco.library:RequestServerVariables('HTTP_HOST'))" />
<!--<xsl:variable name="category" select="./ancestor-or-self::* [name() = 'ProductCategory'][1]"/>-->
<xsl:variable name="product" select="$currentPage/ancestor-or-self::Product [last()]"/>
<!--<xsl:variable name="variants" select="$product/descendant-or-self::Product [not(child::Product)]"/>-->
<xsl:variable name="variant" select="$product/descendant-or-self::Product [not(child::Product)][1]"/>
<xsl:variable name="nodeLink" select="umbraco.library:NiceUrl($currentPage/@id)"/>
  
<xsl:variable name="mediaImageXml">
  <xsl:choose>
    <xsl:when test="$product/productImage != ''">
      <xsl:copy-of select="$product/productImage/DAMP/mediaItem[1]/Image"/>
    </xsl:when>
    <xsl:when test="$variant/productImage != ''">
      <xsl:copy-of select="$variant/productImage/DAMP/mediaItem[1]/Image"/>
    </xsl:when>
    <xsl:otherwise>
      <xsl:copy-of select="$url"/><xsl:value-of select="'/gfx/no_image.jpg'"/>
    </xsl:otherwise>
  </xsl:choose>
</xsl:variable>
<xsl:variable name="mediaImage" select="msxml:node-set($mediaImageXml)/*"/>

<xsl:if test="$currentPage/ancestor-or-self::Product">
<meta property="og:title" content="{$product/productName}" />
<meta property="og:description" content="{umbraco.library:StripHtml($product/productDescription)}"/>
<meta property="og:type" content="website" />
<meta property="og:url" content="{$url}{$nodeLink}" />
<meta property="og:image" content="{$url}{$mediaImage/umbracoFile}" />
<meta property="og:site_name" content="{$siteName}" />
<meta property="fb:admins" content="546598307" />
</xsl:if>

which works as expected.. a small thing is, when there isn't an image on the product og variant, I want to use an empty image graphic, but with the code above I only get the first part of the url with the domain.. I need to get /gfx/no_image.gif too.. on the productimages it's working..

I noticed that I could use this tool http://developers.facebook.com/tools/debug to check if the tags and content is correct..
It is also required to use: title, type, image, url, site_name and an id with fb:admins or fb:app_id to get it working.. 

Bjarne

is working on a reply...