function prepareHTMLforProductMetafields(productData, origin, selectedVariant) { try { const metafieldNameSpaceAndKeys = gbb.settings.bundleSettings.metafieldNameSpaceAndKeys || []; const ariaMap = { GF: 'Gluten Free', DF: 'Dairy Free' }; if (!metafieldNameSpaceAndKeys.length) return ''; // filter origin let metafieldWrapper = gbb.$('

').addClass('productsMetafieldWrapper'); const validMetafieldTypes = [ 'single_line_text_field', 'multi_line_text_field', 'list.single_line_text_field', 'file_reference', ]; //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) || metafieldData?.key === 'viewDetails' ) { 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 === 'list.single_line_text_field') { const infoTagWrapper = gbb.$('

', { class: 'gbb-metafield-product-info-tags', }); const allInfoTags = JSON.parse(productMetafieldData?.value ?? '[]'); allInfoTags.forEach((infoTag) => { let ariaLabel = ariaMap[infoTag] || infoTag; let infoTagItem = gbb.$('

', { class: 'gbb-metafield-product-info-tag-item', 'aria-label': ariaLabel, }); infoTagItem.text(infoTag); infoTagWrapper.append(infoTagItem); }); metafieldValue.append(infoTagWrapper); } else if (metafieldData.key === 'viewDetails') { const shopName = gbb.settings?.merchantInfo?.shopName ?? window.Shopify?.shop; const productUrl = `https://jenis.com/products/${productData.handle}#shopify-section-template--17092992205006__1646785629439d7a26`; const viewDetailsButton = gbb.$('', { href: 'javascript:void(0);', }); viewDetailsButton.text('Read Reviews'); viewDetailsButton.on('click', () => { window.location.href = productUrl; setTimeout(() => { const reviewSection = document.getElementById('yotpo-app'); if (reviewSection) { reviewSection.scrollIntoView({ behavior: 'smooth' }); } }, 2000); }); metafieldValue.append(viewDetailsButton); setTimeout(function () { gbb .$(metafieldWrapper) ?.closest('.gbbProductVariantModalDetailsContainer') ?.find('.gbbProductVariantAddButton') ?.after(metafieldValue); }, 0); } else if ( metafieldData.key === 'nutritional_facts' || metafieldData.key === 'ingredients' ) { const imageUrl = productMetafieldData?.reference?.image?.url; const altText = productMetafieldData?.reference?.image?.altText || 'Nutritional facts'; // Create accordion wrapper (only once) let accordion = metafieldWrapper.find('.gbb-ingredients-accordion'); if (!accordion.length) { accordion = gbb.$('

', { class: 'gbb-ingredients-accordion', }); const header = gbb .$('

', { class: 'gbb-ingredients-header', }) .append( 'Ingredients', ` ` ); const body = gbb.$('

', { class: 'gbb-ingredients-body', }); accordion.append(header); accordion.append(body); metafieldWrapper.append(accordion); } const body = accordion.find('.gbb-ingredients-body'); // Create content wrapper const contentWrapper = gbb.$('

', { class: `gbb-ingredient-block gbb-${metafieldData.key}`, }); // IMAGE (nutritional facts) if (imageUrl) { const img = gbb.$('', { src: imageUrl, alt: altText, class: 'gbb-metafield-nutrition-image', loading: 'lazy', }); contentWrapper.append(img); } // TEXT (ingredients) if (!imageUrl && productMetafieldData?.value) { contentWrapper.text(productMetafieldData.value); } body.append(contentWrapper); } 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); } } prepareHTMLforProductMetafields(productData, origin, selectedVariant);

SHOP BEST SELLERS

Indulge in J-Bars

SHOP GIFTS

All Flavors

No products found Use fewer filters or clear all

Need Jeni's now?

No products found
Use fewer filters or clear all