function 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 ''; } } dynamicScriptForMetafields(productData, origin, selectedVariant); function dynamicScriptForMetafields(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', 'list.single_line_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}`); } if (productMetafieldData.type === 'rich_text_field') { let richValue = productMetafieldData?.value; if (typeof richValue === 'string') { try { richValue = JSON.parse(richValue); } catch (e) { richValue = null; } } metafieldValue.html(richJSONDataToHtml(richValue)); } else if ( productMetafieldData.type === 'list.single_line_text_field' ) { let listValue = productMetafieldData?.value; if (typeof listValue === 'string') { try { listValue = JSON.parse(listValue); } catch (e) { listValue = [listValue]; } } const listItems = Array.isArray(listValue) ? listValue : [listValue]; const escape = (s) => String(s) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"'); const listHtml = listItems.length ? `

${escape(item)}

` : ''; metafieldValue.html(listHtml); } else { metafieldValue.text(productMetafieldData?.value); } metafieldContainer.append(metafieldLabel); metafieldContainer.append(metafieldValue); metafieldWrapper.append(metafieldContainer); } } return metafieldWrapper; } catch (error) { gbb.utility.debugError('error in prepareHTMLforProductMetafields', error); } }

Menu

Fever-Tree Blood Orange Soda

Recently Viewed Products