For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Dev Portal
DocsAPI ReferenceLearnCommunityChangelog
DocsAPI ReferenceLearnCommunityChangelog
  • Overview
    • Quick Start
    • Sandboxes
    • Tools & SDKs
    • Support
  • Docs
      • Getting Started
        • Overview
        • Localization
          • Schema
            • Alignment
            • Boolean
            • Box Model
            • Code
            • Color
            • Element Settings
            • Image Manager
            • Input
            • Number
            • Product ID
            • Product Image
            • Range
            • Regex Input
            • Select
            • Text
            • Typography
            • Visibility
        • Examples
        • Widget Builder
        • Scripts
    • Archive
    • Closed Beta Programs
Dev Portal
LogoLogo
DocsAdminWidgets & ScriptsInput ReferenceUI Settings

Product Image

Was this page helpful?
Previous

Product ID

Next

Range

Built with

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

PropertyTypeDescriptionExample
typestringThe type of setting component to display.”productImage”
labelstringThe user friendly message to inform the user how this setting will be used.”Product Image”
idstringThe variable name where the setting value will be available in the widget template.”productImage”
typeMetaobjectAdditional information needed based on the selected setting type.
typeMeta.referencestringThe reference attribute used to look up the product.”productId”