Estoy tratando de leer las etiquetas de la página de productos de Shopify y las identificaciones dentro del script posterior a la compra de Shopify.
No necesita estar familiarizado con Shopify para comprender este problema al que me enfrento. Parece ser un problema de Javascript y tengo problemas para entender exactamente cómo hacer referencia a estas variables u objetos.
Lea los documentos de Shopify aquí sobre las variables a las que puedo acceder.
Mi código
// Cart variables var cartTagsString = ""; var cartProductIDString = ""; // Convert array of product tags into string window.Shopify.order.lineitem.product.tags.forEach(function (item, index) { cartTagsString = cartTagsString + item; }); // Convert array of product id's into string window.Shopify.order.lineitem.product.forEach(function (item, index) { cartProductIDString = cartTagsString + item.id; });El error
“VM1370:44 Uncaught TypeError: Cannot read properties of undefined (reading 'product')”Yendo a la línea exacta donde ocurre el error, nos lleva aquí:
window.Shopify.order.lineitem.product.tagsLa documentación podría ser incorrecta en este caso.
Hay una tabla de propiedades que tiene algo llamado lineItem de línea (que es diferente de elemento de lineitem por cierto, el caso importa). Pero los ejemplos de código muestran una propiedad llamada lineItems . E incluso en esa tabla describe lineItem como "los elementos de línea para el pedido", lo que implica una matriz.
Siguiendo con los ejemplos de código, su forEach sería algo como esto:
window.Shopify.order.lineItems.forEach(function (item, index) { cartTagsString = cartTagsString + item.id; }); Dentro de esa llamada forEach , cada item es un elemento en esa matriz. Y item debe tener una propiedad llamada product si necesita acceder a eso.
En cuanto a su primera llamada a forEach , no veo nada en esa página que tenga una propiedad de tags . Pero la estructura sería la misma. Por ejemplo, si un item dado tiene una matriz de tags , accedería a eso para el item . Por ejemplo:
window.Shopify.order.lineItems.forEach(function (item, index) { cartTagsString = cartTagsString + item.id; item.tags.forEach(function (tag) { // do something with the tag }); }); Puede comunicarse con el proveedor para pedirle que aclare la documentación. Pero solo como un paso de depuración, si todo lo demás falla, siempre puede console.log un objeto para observar qué propiedades tiene. La documentación está escrita por humanos, y los humanos cometen errores. (O tal vez escrito por alguien que no habla de forma nativa el idioma de la documentación y puede mezclar la sintaxis de vez en cuando).