What token to use for Metatag of Commerce product images?

Try using just "[node:field-product:0:field-images]" and see how it works.

@Yuri: Yes, Metatag supports tokens, to say otherwise is just silly. Metatag does not control the token browser, that's the Token module's responsibility. Nested tokens are a little fiddly to deal with, I'll see if I can get some time soon to test it out.

@DamienMcKenna: Tokens support for product images does, indeed, seem broken.

Using this token [node:field-product:0:field-product-image] (we're using a different field name for the product images), this is what the markup looks like:

<meta property="og:image" content="http://URL-TO-MY-SITE/Property%200" />
<meta property="og:image" content="http://URL-TO-MY-SITE/Property%201" />

Okay, so... this variant seems to work:
[node:field-product:0:field_product_image]

Note the underscores instead of the hyphens. As always, the usability of the Token module is at an all-time high.

I'm relatively new to Drupal and have been struggling with this issue for a couple of hours now.

Using Drupal 7 and Metatag 7.x-1.22.

I have added a Default Meta Tag: Content Product.

I have tried putting tokens as well as url strings into:

• Advanced Tags > image
• Open Graph > image
• Open Graph > image url

I have tried the following nodes and "available tokens":

• [node:uc-product-image]
• [node:field-product:0:field_product_image]
• [metatag:image_source]

The following tags are being generated, but I cannot seem to get the "og:image" tag to generate.

• property="fb:admins"
• property="fb:app_id"
• property="og:site_name"
• property="og:type"
• property="og:title"
• property="og:url"
• property="og:description"
• property="og:updated_time"
• name="twitter:card"
• name="twitter:title"
• name="twitter:url"
• name="twitter:description"

What on earth am I missing?

@MikeiLL: What is the name of the field that you want to use? What type of field is it?

@DamienMcKenna Thank you so much for getting back to me.

I am not sure what type of field it is: a "Product Image"? It gets added via an Image, File Upload form at `example.com/node/843`.

The images display in `example.com/sites/default/files/`. It resides in an HTML block that looks like this:

<div class="gallery-frame">
 <ul>
  <li class="gallery-slide" id="slide-0-uc_product_image-843" style="display: block;">
   <img class="image-style-none" src="https://www.example.com/sites/default/files/coffee_loo_table.jpg" width="816" height="612" alt="" title="TAB-043 coffee height loo table image 1"></li>
  <li class="gallery-slide" id="slide-1-uc_product_image-843" style="display: none;">
    <img class="image-style-none" src="https://www.example.com/sites/default/files/detail_burl.jpg" width="816" height="612" alt="" title="TAB-043 coffee height loo table image 2">
  </li>
 </ul>
</div>

Does that help? I'm used to Wordpress, but with Drupal very much in the dark. Not sure how one can actually "inspect" nodes.

@MikeiLL: Go to the content types admin list (admin/structure/types), click on the "manage fields" link for the content type you're working on, find the "machine name" for the image field and let us know what it is.

As for inspecting nodes, you can use the Devel module to give you a "Devel" tab on the node page that gives you a nested array display of the node's values. But I don't think you need that right now.

Product (Machine name: product)
Use products to represent items for sale on the website, including all the unique information that can be attributed to a specific model number.

@MikeiLL: Oh, I see. Are you using Commerce Kickstart v2?

Commerce is actually installed, but disabled. We are using Ubercart (as far as I can tell).

Ok, that would change how the tokens would be used.

Because this issue is focused on Commerce, I opened another issue for working with Ubercart: #3031096: Tokens for Ubercart product images

Let's move over to the other issue.