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 if (node.type === 'text') { (node.children ?? []).forEach(childNode => { html += richJSONDataToHtml(childNode); }); } else { html += `

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

`; } } else if (node.value) { let nodeElement = node.value?.replaceAll(/\n/g, '
'); if (node.bold) { nodeElement = `${nodeElement}`; } if (node.type === 'paragraph') { nodeElement = `

${nodeElement}

`; } else if (node.type === 'text') { nodeElement = `${nodeElement}`; } else { nodeElement = `

${nodeElement}

`; } html += nodeElement; } return html; } catch (err) { console.log("richJSONDataToHtml failed", err); return ''; } } function dynamicScriptForHTMLContent(productData, origin) { try { const metafieldNameSpaceAndKeys = gbb.settings.bundleSettings.metafieldNameSpaceAndKeys || []; if (!metafieldNameSpaceAndKeys.length) return ''; const metafieldWrapper = gbb.$("

").addClass('productsMetafieldWrapper'); for (let metafieldData of metafieldNameSpaceAndKeys) { // Show/hide based on simple flags if (metafieldData.hasOwnProperty("showOnProductCard") && origin === 'PRODUCT_CARD' && !metafieldData.showOnProductCard) { continue; } if (metafieldData.hasOwnProperty("showOnModal") && origin === 'PRODUCT_VARIANTS_MODAL' && !metafieldData.showOnModal) { continue; } // Respect explicit origin (string or array). Example: origin: 'PRODUCT_VARIANTS_MODAL' for sleeve if (metafieldData.origin) { const allowedOrigins = Array.isArray(metafieldData.origin) ? metafieldData.origin : [metafieldData.origin]; if (!allowedOrigins.includes(origin)) continue; } const productMetafieldAccessKey = `metafield_${metafieldData?.namespace}_${metafieldData?.key}`; const productMetafieldData = productData[productMetafieldAccessKey]; // Skip if metafield not present on product if (!productMetafieldData) continue; const metafieldContainer = gbb.$('

').addClass("metafieldContainer"); if (productMetafieldData?.type === "file_reference") { const ref = productMetafieldData?.reference || {}; const imageUrl = ref?.image?.url || // Files API image ref?.preview_image?.src || // Legacy/variant shape ref?.url || // Generic file url ''; const alt = ref?.altText || metafieldData?.key || productMetafieldAccessKey; if (imageUrl) { metafieldContainer.html(` ${alt}

`); } else { metafieldContainer.html(''); } } else if (productMetafieldData?.type === "single_line_text_field") { metafieldContainer.html(productMetafieldData.value || ''); } else if (productMetafieldData?.type === "rich_text_field") { try { const parsed = JSON.parse(productMetafieldData.value); const htmlOutput = richJSONDataToHtml(parsed); metafieldContainer.html(htmlOutput); } catch (err) { console.warn("Invalid rich text JSON", err); metafieldContainer.html(''); } } else { // Fallback for other types const safeValue = typeof productMetafieldData?.value === 'string' ? productMetafieldData.value : ''; metafieldContainer.html(safeValue); } metafieldContainer.attr("data-metafield-type", productMetafieldData?.type || ''); metafieldContainer.attr("data-metafield-key", productMetafieldAccessKey); metafieldWrapper.append(metafieldContainer); } return metafieldWrapper; } catch (err) { console.log("metafield adding failed", err); return ""; } } dynamicScriptForHTMLContent(productData, origin);

Artikel aktuell nicht lieferbar

Tausche deinen Artikel einfach aus: