${node.children.map(renderShopifyRichText).join('')}

`; } if (node.type === 'list') { const tag = node.listType === 'ordered' ? 'ol' : 'ul'; return `<${tag}>${node.children .map(renderShopifyRichText) .join('')}`; } if (node.type === 'list-item') { return `

${node.children.map(renderShopifyRichText).join('')}

`; } return node.children ? node.children.map(renderShopifyRichText).join('') : ''; } dynamicScriptForDescriptionMetafields(productData, selectedVariant); function dynamicScriptForDescriptionMetafields(productData, selectedVariant) { console.log('selectedVariant is ', selectedVariant); try { const metafieldNameSpaceAndKeys = gbbMix.settings.pageCustomizationSettings.mixAndMatchBundleSettings .metafieldNameSpaceAndKeys || []; if (!metafieldNameSpaceAndKeys.length) { return ''; } // filter origin let metafieldWrapper = gbbMix.utility.createHTMLElement('div', { class: 'metafieldWrapper', }); 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]; 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 = gbbMix.utility.createHTMLElement('div', { class: 'metafieldContainer', }); if (metafieldData?.origin == 'variant') { metafieldContainer.classList.add( `variant_metafield_${metafieldData?.key}` ); } else { metafieldContainer.classList.add( `product_metafield_${metafieldData?.key}` ); } let metafieldLabel = gbbMix.utility.createHTMLElement('div', { class: 'metafieldLabel', }); metafieldLabel.textContent = metafieldData?.label; let metafieldValue = gbbMix.utility.createHTMLElement('div', { class: 'productMetafieldValue', }); metafieldValue.setAttribute('metafield-key', metafieldData?.key); // Popup trigger for compatibility or metafields with showAsPopupTrigger const usePopupTrigger = (metafieldData.key === 'compatibility_rich' || metafieldData.showAsPopupTrigger) && productMetafieldData?.value; if (usePopupTrigger) { const triggerText = metafieldData.key === 'compatibility_rich' ? 'Kompatibilität' : metafieldData.popupTriggerText || metafieldData?.label || 'Info'; const triggerBtn = gbbMix.utility.createHTMLElement('button', { type: 'button', class: 'gbbMixCompatibilityTrigger', }); triggerBtn.textContent = triggerText; const dialogEl = gbbMix.utility.createHTMLElement('dialog', { class: 'gbbMixCompatibilityDialog', }); const contentEl = gbbMix.utility.createHTMLElement('div', { class: 'gbbMixCompatibilityDialogContent', }); if (productMetafieldData?.type === 'rich_text_field') { try { const parsed = JSON.parse(productMetafieldData.value); contentEl.innerHTML = renderShopifyRichText(parsed); } catch (e) { contentEl.innerHTML = productMetafieldData.value; } } else { contentEl.innerHTML = productMetafieldData.value; } const closeBtn = gbbMix.utility.createHTMLElement('button', { type: 'button', class: 'gbbMixCompatibilityDialogClose', }); closeBtn.textContent = '×'; closeBtn.setAttribute('aria-label', 'Schließen'); dialogEl.appendChild(contentEl); dialogEl.appendChild(closeBtn); triggerBtn.addEventListener('click', () => { if (typeof dialogEl.showModal === 'function') { dialogEl.showModal(); } else { dialogEl.setAttribute('open', ''); } }); closeBtn.addEventListener('click', () => { if (typeof dialogEl.close === 'function') { dialogEl.close(); } else { dialogEl.removeAttribute('open'); } }); metafieldContainer.appendChild(metafieldLabel); metafieldContainer.appendChild(triggerBtn); metafieldContainer.appendChild(dialogEl); metafieldValue.style.display = 'none'; metafieldContainer.appendChild(metafieldValue); } else { metafieldValue.innerHTML = productMetafieldData?.value; metafieldContainer.appendChild(metafieldLabel); metafieldContainer.appendChild(metafieldValue); } metafieldWrapper.appendChild(metafieldContainer); } } return metafieldWrapper; } catch (error) { gbbMix.utility.debugConsole( 'error in prepareHTMLforProductMetafields', error ); } }

Dein Einkaufswagen -