// Convert Shopify rich_text_field JSON schema -> HTML string function escapeHTML(str) { return String(str == null ? '' : str) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"'); } function richTextToHTML(node) { if (!node) return ''; if (typeof node === 'string') { try { node = JSON.parse(node); } catch (e) { return escapeHTML(node); } } // Leaf text node if (node.type === 'text') { var text = escapeHTML(node.value); if (node.bold) text = '' + text + ''; if (node.italic) text = '' + text + ''; return text; } var childrenHTML = ''; if (Array.isArray(node.children)) { for (var i = 0; i < node.children.length; i++) { childrenHTML += richTextToHTML(node.children[i]); } } switch (node.type) { case 'root': return childrenHTML; case 'paragraph': return '

' + childrenHTML + '

'; case 'heading': var level = Math.min(Math.max(parseInt(node.level, 10) || 2, 1), 6); return '' + childrenHTML + ''; case 'list': var tag = node.listType === 'ordered' ? 'ol' : 'ul'; return '<' + tag + '>' + childrenHTML + ''; case 'list-item': return '

' + childrenHTML + '

'; case 'link': var url = escapeHTML(node.url || '#'); var title = node.title ? ' title="' + escapeHTML(node.title) + '"' : ''; var target = node.target ? ' target="' + escapeHTML(node.target) + '" rel="noopener noreferrer"' : ''; return ( '' + childrenHTML + '' ); default: // Unknown node type — render children only, swallow the wrapper return childrenHTML; } } dynamicScriptForMetafield(productData, origin, selectedVariant); function dynamicScriptForMetafield(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}`); } // Render rich text as HTML, plain/multi-line text as text if (productMetafieldData.type === 'rich_text_field') { metafieldValue.addClass('richTextMetafield'); try { var richTextJSON = typeof productMetafieldData.value === 'string' ? JSON.parse(productMetafieldData.value) : productMetafieldData.value; metafieldValue.html(richTextToHTML(richTextJSON)); } catch (e) { gbb.utility.debugError( 'error parsing rich_text_field for key ' + metafieldData.key, e ); metafieldValue.text(productMetafieldData.value || ''); } } 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); } }

Press

Our stores

Login

We sent you a code!

Your cart •

Your cart

You have no items in your cart.

Current Fav

Our
stores