dynamicScriptForMetafields(productData, selectedVariant, origin); function dynamicScriptForMetafields(productData, selectedVariant, origin) { const el = gbb.sdkHelpers.dom.utility.createElement; const metafieldConfigs = gbb.sdk.settings?.app?.metafieldNameSpaceAndKeys || []; if (!metafieldConfigs.length) return null; // rich text (JSON schema) -> HTML const escapeHTML = (str) => String(str) .replace(/&/g, '&') .replace(//g, '>'); const richTextToHTML = (node) => { if (!node) return ''; if (Array.isArray(node)) return node.map(richTextToHTML).join(''); const kids = () => (node.children || []).map(richTextToHTML).join(''); switch (node.type) { case 'root': return kids(); case 'paragraph': return '

' + kids() + '

'; case 'heading': return '' + kids() + ''; case 'list': return node.listType === 'ordered' ? '

' + kids() + '' : '

' + kids() + ''; case 'list-item': return '

' + kids() + '

'; case 'link': return ( '' + kids() + '' ); case 'text': { let text = escapeHTML(node.value || ''); if (node.bold) text = '' + text + ''; if (node.italic) text = '' + text + ''; return text; } default: return kids(); } }; const validTypes = [ 'single_line_text_field', 'multi_line_text_field', 'rich_text_field', ]; const wrapper = el('div', { class: 'productsMetafieldWrapper' }); let hasContent = false; for (let i = 0; i < metafieldConfigs.length; i++) { const metafield = metafieldConfigs[i]; const isFilteredByOrigin = metafield.hasOwnProperty('showOnProductCard') || metafield.hasOwnProperty('showOnModal'); if (isFilteredByOrigin) { if (origin === 'PRODUCT_CARD' && !metafield.showOnProductCard) continue; if (origin === 'PRODUCT_VARIANTS_MODAL' && !metafield.showOnModal) continue; } const accessKey = 'metafield_' + (metafield.namespace || '') + '_' + (metafield.key || ''); const isVariantOrigin = metafield.origin === 'variant' && selectedVariant; const data = isVariantOrigin ? selectedVariant[accessKey] || {} : productData[accessKey] || {}; if (validTypes.includes(data.type)) { const metafieldPrefix = metafield.origin === 'variant' ? 'variant_metafield_' : 'product_metafield_'; const container = el('div', { class: 'metafieldContainer' }); const valueEl = el('div', { class: metafieldPrefix + (metafield.key || ''), 'metafield-key': metafield.key || '', }); if (metafield.key === 'descripcion_item') { let parsed = data.value; try { parsed = typeof parsed === 'string' ? JSON.parse(parsed) : parsed; } catch (e) { parsed = null; } valueEl.innerHTML = parsed ? richTextToHTML(parsed) : data.value || ''; } else { valueEl.textContent = data.value || ''; } container.appendChild( el('div', { class: 'metafieldLabel' }, metafield.label || '') ); container.appendChild(valueEl); wrapper.appendChild(container); hasContent = true; } } return hasContent ? wrapper : null; }

Carrito0 productos

Tote Bag

Murasaki

Colors Pastel

Shopping Bag

Set Palillos

Lumiere

Basic

Top

Kids

Trend

Premium

Royal

Palillos & Crochet

Bordado

Sets

Libros & Revistas

Bolsos & Costureros

Anilinas