dynamicScriptForMetafields(productData, selectedVariant); function dynamicScriptForMetafields(productData, selectedVariant) { try { const metafieldNameSpaceAndKeys = gbbMix.settings.pageCustomizationSettings.mixAndMatchBundleSettings .metafieldNameSpaceAndKeys || []; if (!metafieldNameSpaceAndKeys.length) { return ''; } // filter origin let metafieldWrapper = gbbMix.utility.createHTMLElement('div', { class: 'metafieldWrapper', }); const validMetafieldTypes = [ 'single_line_text_field', 'multi_line_text_field', 'metaobject_reference', ]; //only allow the type whose value we can get root level -- for eg : metafield.value for (let i = 0; i < metafieldNameSpaceAndKeys.length; i++) { let metafieldData = metafieldNameSpaceAndKeys[i]; let productMetafieldAccessKey = `metafield_${metafieldData?.namespace}_${metafieldData?.key}`; let productMetafieldData = {}; // variant level metafield if (metafieldData.origin == 'variant' && selectedVariant) { productMetafieldData = selectedVariant?.[productMetafieldAccessKey] || {}; } else { // product level metafield productMetafieldData = productData?.[productMetafieldAccessKey] || {}; } if (validMetafieldTypes.includes(productMetafieldData?.type)) { let metafieldContainer = gbbMix.utility.createHTMLElement('div', { class: 'metafieldContainer', }); if (metafieldData?.origin == 'variant') { metafieldContainer.classList.add( `variant_metafield_${metafieldData?.key}` ); } else { metafieldContainer.classList.add( `product_metafield_${metafieldData?.key}` ); } let metafieldLabel = gbbMix.utility.createHTMLElement('div', { class: 'metafieldLabel', }); metafieldLabel.textContent = metafieldData?.label; let metafieldValue = gbbMix.utility.createHTMLElement('div', { class: 'productMetafieldValue', }); metafieldValue.setAttribute('metafield-key', metafieldData?.key); if ( productMetafieldData?.type === 'metaobject_reference' && metafieldData?.key === 'inspiration' ) { const fields = productMetafieldData?.reference?.fields || []; const name = fields.find((field) => field.key === 'name')?.value || ''; const imageUrl = fields.find((field) => field.key === 'image')?.reference?.image ?.url || ''; metafieldValue.innerHTML = `

${ imageUrl ? ` ${name}

` : '' }

Inspirerad av:

${name}

`; } else { metafieldValue.innerHTML = productMetafieldData?.value; } metafieldContainer.appendChild(metafieldLabel); metafieldContainer.appendChild(metafieldValue); metafieldWrapper.appendChild(metafieldContainer); } } return metafieldWrapper; } catch (error) { gbbMix.utility.debugConsole( 'error in prepareHTMLforProductMetafields', error ); } }