dynamicScriptForProductTitle(productData, origin) function dynamicScriptForProductTitle(productData, origin) { function get(productData, ns, key) { return ( productData?.[`metafield_${ns}_${key}`]?.value || productData?.metafields?.[ns]?.[key]?.value || productData?.metafields?.find( (m) => m.namespace === ns && m.key === key )?.value || '' ); } const richJSONDataToHtml = (node) => { try { if (!node) return ''; let html = ''; if (node.children?.length > 0) { if (node.type === 'paragraph') { html += `

`; node.children.forEach(childNode => { html += richJSONDataToHtml(childNode); }); html += `

`; } else { html += `

`; node.children.forEach(childNode => { html += richJSONDataToHtml(childNode); }); html += `

`; } } else if (node.type === 'text' && node.value) { let nodeElement = node.value.replaceAll(/\n/g, '
'); if (node.bold) nodeElement = `${nodeElement}`; if (node.italic) nodeElement = `${nodeElement}`; if (node.underline) nodeElement = `${nodeElement}`; html += nodeElement; } else if (node.value) { let nodeElement = node.value.replaceAll(/\n/g, '
'); html += `

${nodeElement}

`; } return html; } catch (err) { console.log("richJSONDataToHtml failed", err); return ''; } }; function renderHowToUse(productData) { const rawContent = get(productData, 'custom', 'how_to_use_content'); let parsedContent; try { parsedContent = typeof rawContent === 'string' ? JSON.parse(rawContent) : rawContent; } catch (e) { console.warn('Invalid JSON in how_to_use_content', e); return ''; } const howToUseContent = richJSONDataToHtml(parsedContent); return `

How to Use

${howToUseContent}

`; } function renderValueProps(productData) { const valuePropsList = productData?.metafield_custom_value_props_list?.references?.nodes || []; if (!Array.isArray(valuePropsList) || valuePropsList.length === 0) { return ''; } function getField(fields, key) { const field = fields?.find(f => f.key === key); if (!field) return ''; if (key === 'icon') { return field?.reference?.image?.url || ''; } return field?.value || ''; } function renderValuePropItem(item) { const iconUrl = getField(item.fields, 'icon'); const text = getField(item.fields, 'text'); return `

${iconUrl ? `

` : ''} ${text}

`; } return `

${valuePropsList.map(renderValuePropItem).join('')}

`; } if (origin === 'PRODUCT_CARD') { return ( '

' + '

for ' + get(productData, 'remedy', 'purpose') + '

' + '

' ); } return `

for ${get(productData, 'remedy', 'purpose')}

${productData?.description}

${renderHowToUse(productData)} ${renderValueProps(productData)} `; }

Index: Iron Oxides

Best Sunscreens for Hyperpigmentation

Perspective with no sales pitch

Other Categories

Product Title