Product Image | BigCommerce Developer Center

Allows you to display product image controls for your widget. The setting looks up product images based on the desired reference attribute.

Widget Configuration Output

{
  "src": "https://cdn11.bigcommerce.com/s-iu88q6epfh/products/121/images/377/850x850__74338.1591376249.386.513.png?c=1",
  "type": "PRODUCT_IMAGE"
}

User Interface Output

output

JSON Schema

Property	Type	Description	Example
`type`	string	The type of setting component to display.	”productImage”
`label`	string	The user friendly message to inform the user how this setting will be used.	”Product Image”
`id`	string	The variable name where the setting value will be available in the widget template.	”productImage”
`typeMeta`	object	Additional information needed based on the selected setting type.
`typeMeta.reference`	string	The reference attribute used to look up the product.	”productId”