Skip to main content

CMS Properties for BigCommerce Products

Which properties are available in the BigCommerce Products external CMS collection?

Updated over 12 months ago

Accounts with access to the CMS feature include an external CMS collection named "BigCommerce Products." This CMS collection pulls various product properties from the store's catalog and makes them available for use in Custom Elements.

The following properties are available in this CMS collection. The data source on the custom element must be set to "BigCommerce Products" in order for the product data to be displayed.

General Product Details

Basic details about the product include:

  • body_html

  • created_at

  • handle

  • id

  • tags (This property leverages the product's Search Keywords from the BigCommerce catalog.)

  • title

  • updated_at

Main Product Image Properties

Values for the main image of the product are available in the image nested object.

  • image.alt

  • image.id

  • image.product_id

  • image.src

  • image.src_standard

  • image.src_thumbnail

  • image.src_tiny

  • image.src_zoom

  • image.updated_at

All Product Images

Values for all of the images that have been uploaded for a product are available in the images nested object.

  • images.alt

  • images.id

  • images.position

  • images.product_id

  • images.src

  • images.src_standard

  • images.src_thumbnail

  • images.src_tiny

  • images.src_zoom

  • images.updated_at

Product Options

The options of the product are available as a nested object.

  • options.id

  • options.name

  • options.position

  • options.product_id

  • options.values

Product Variants

The properties of variants for the product are available as a nested object.

  • variants.barcode

  • variants.compare_at_price

  • variants.id

  • variants.image_id

  • variants.inventory_quantity

  • variants.inventory_tracking

  • variants.option_values.id

  • variants.option_values.label

  • variants.option_values.option_id

  • variants.option_values.option_display_name

  • variants.price

  • variants.product_id

  • variants.sku

  • variants.title

  • variants.weight

  • variants.weight_unit

Example: {{product.variants[0].price}} will display the price of the product's first variant. Please note: the currency symbol is not included with the price, so you'll want to add one before the price variable in your custom element code: ${{product.variants[0].price}}


Related Articles

Did this answer your question?