function renderRichText(node) { if (!node) return ''; if (Array.isArray(node)) { return node.map(renderRichText).join(''); } switch (node.type) { case 'root': return renderRichText(node.children); case 'paragraph': return `

${renderRichText(node.children)}

`; case 'heading': return `${renderRichText( node.children )}`; case 'list': const tag = node.listType === 'ordered' ? 'ol' : 'ul'; return `<${tag}>${renderRichText(node.children)}`; case 'list-item': return `

${renderRichText(node.children)}

`; case 'text': let text = node.value || ''; if (node.bold) { text = `${text}`; } if (node.italic) { text = `${text}`; } return text; case 'link': return ` ${renderRichText(node.children)} `; default: return renderRichText(node.children || []); } } dynamicScript(productData, origin, selectedVariant); function dynamicScript(productData, origin, selectedVariant) { try { const metafieldNameSpaceAndKeys = gbb.settings.bundleSettings.metafieldNameSpaceAndKeys || []; if (!metafieldNameSpaceAndKeys.length) return ''; // filter origin let metafieldWrapper = gbb.$('

').addClass('productsMetafieldWrapper'); const validMetafieldTypes = [ 'single_line_text_field', 'multi_line_text_field', 'rich_text_field', ]; //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]; if ( metafieldData.hasOwnProperty('showOnProductCard') || metafieldData.hasOwnProperty('showOnModal') ) { if (origin == 'PRODUCT_CARD' && !metafieldData.showOnProductCard) { continue; } else if ( origin == 'PRODUCT_VARIANTS_MODAL' && !metafieldData.showOnModal ) { continue; } } 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 = gbb.$('

').addClass('metafieldContainer'); let metafieldLabel = gbb.$('

').addClass('metafieldLabel'); metafieldLabel.text(metafieldData?.label); let metafieldValue = gbb .$('

') .attr('metafield-key', metafieldData?.key); if (metafieldData.origin == 'variant') { metafieldValue.addClass(`variant_metafield_${metafieldData?.key}`); } else { metafieldValue.addClass(`product_metafield_${metafieldData?.key}`); } // Handle Shopify rich text metafields if (productMetafieldData?.type === 'rich_text_field') { let richTextValue = productMetafieldData?.value; // Shopify may return stringified JSON if (typeof richTextValue === 'string') { try { richTextValue = JSON.parse(richTextValue); } catch (e) {} } metafieldValue.html(renderRichText(richTextValue)); } else { metafieldValue.text(productMetafieldData?.value); } metafieldContainer.append(metafieldLabel); metafieldContainer.append(metafieldValue); metafieldWrapper.append(metafieldContainer); } } const learnMoreBtn = gbb .$('

Customer Reviews

Sign up for updates, offers and more!

Shop

Company

Get In Touch