From what I have seen, If you go on a product variant and select the checkbox "This variant has digital goods", you can add an image there

Hi Tolu,

Thanks for your reply. I tried to upload product image under the product variant and was able to upload. But when I called my Umbraco API to get the product data, I am not getting any image url.

Did I do something wrong? I used GetAll () to get the products data. Do I need to use some other method to get the products variants? If possible, I would like to get the image url in the same json with other product data.

Thanks again,

Hi Thi,

The idea behind extended content is that you can leverage Umbraco property editors to "attach" additional values to your products. An example of this would be product images.

The way we've solved this is to add a Media Picker property to our "product" document type. When you add images to your product in Merchello the image ID's will be saved - you can then use UmbracoHelper.TypedMedia() to obtain the image URL:

var product = productService.GetByKey(/*you product key*/); 

// Detached contents are culture-specific
var detachedContent = product.DetachedContents.FirstOrDefault(d => d.CultureName == "en-US");

if (detachedContent != null && detachedContent.DetachedDataValues.ContainsKey(propertyName))
{
    // myImageProperty = the normalized Umbraco property name
    var imageIds = detachedContent.DetachedDataValues["myImageProperty"];
    // The media picker saves images a comma-separated string. In this example we just get the first image URL.
    IPublishedContent media = UmbracoHelper.TypedMedia(imageIds.Split(',')[0]);

    var imageUrl = media.Url;
}

is working on a reply...