How to access additional metafields in V3 Template

getProductDetailsQuery: (recommendation, glood) => {
  return `
    featuredImage {
      url
    }
    handle
    id
    title
    # Add your metafields here
    metafield(namespace: "custom", key: "product_info") {
      value
    }
    # Rest of your existing query
    variants(first: 250) {
      nodes {
        id
        # ... other variant fields
      }
    }
  `
}

transformProductData: (product) => {
  return {
    featuredImage: product.featuredImage.url
      ? {
          src: product.featuredImage.url,
        }
      : null,
    handle: product.handle,
    id: parseInt(product.id.replace('gid://shopify/Product/', '')),
    title: product.title,
    // Add your metafield transformation
    metafield_value: product.metafield ? product.metafield.value : "N/A",
    // Rest of your existing transformations
    variants: product.variants.nodes.map((variant) => ({
      // ... variant transformations
    }))
  }
}

{% raw %}
<div class="_gai-prod-dtls">
  <div class="_gai-full-width">
    <a class="_gai-prod-tit" href="{{ product_url }}">
      {{ product.title }}
    </a>
    {% if product.metafield and product.metafield.value %}
      <p>Extra Info: {{ product.metafield.value }}</p>
    {% else %}
      <p>Information unavailable.</p>
    {% endif %}
  </div>
</div>
{% endraw %}

{% raw %}
{% product_ratings product_id: product.id %}
{% endraw %}