产品集合块发出的 DOM 事件

wc-blocks_product_list_rendered

当产品集合块被渲染或重新渲染时（例如，由于网页更改），会触发此事件。

detail 参数

参数	类型	默认值	描述
collection	字符串	undefined	集合类型。对于“创建自己的”集合，由于类型未指定，其值为 undefined。对于其他核心集合，它可以是以下类型之一：woocommerce/product-collection/best-sellers、woocommerce/product-collection/featured、woocommerce/product-collection/new-arrivals、woocommerce/product-collection/on-sale、woocommerce/product-collection/top-rated。对于自定义集合，它将包含其名称。

示例用法

window.document.addEventListener(
  'wc-blocks_product_list_rendered',
  ( e ) => {
    const { collection } = e.detail;
    console.log( collection ) // -> 集合名称，例如：woocommerce/product-collection/on-sale
  }
);

事件: wc-blocks_viewed_product

当某些块被点击以查看产品（重定向到产品网页）时，会触发此事件。

detail 参数

参数	类型:	默认值	描述
collection	字符串	undefined	集合类型。对于“自定义”集合，类型未定义。对于其他核心集合，它可以是以下类型之一：woocommerce/product-collection/best-sellers、woocommerce/product-collection/featured、woocommerce/product-collection/new-arrivals、woocommerce/product-collection/on-sale、woocommerce/product-collection/top-rated。对于自定义集合，它将包含其名称。
productId	数值		产品 ID

用法示例

window.document.addEventListener(
  'wc-blocks_viewed_product',
  ( e ) => {
    const { collection, productId } = e.detail;
    console.log( collection ) // -> 集合名称，例如 "woocommerce/product-collection/featured" 或对于默认集合，值为 undefined
    console.log( productId ) // -> 产品 ID，例如 34
  }
);