/* Cluse Custom Card Renderer — paste into block setting "Custom card renderer (JS)" */ /* Wraps cards in grid__item > grid-product__content for wishlist app compatibility */ /* Uses array.join to avoid + concatenation which Shopify textarea encodes */ window.kimonixRenderCard = function(product, productId) { if (!product) return ''; var container = document.getElementById('kmnx-merch-collection'); var showSoldOut = container && container.dataset.showSoldOutBadge === 'true'; var tSoldOut = (container && container.dataset.tSoldOutBadge) || 'Sold out'; var href = product.handle ? ['/products/',product.handle].join('') : '#'; var img = product.featuredImage; var altText = (img && img.altText || product.title || '').replace(/"/g, '"'); var imgHtml = ''; if (img) { imgHtml = [' ',altText,'

'].join(''); if (product.images && product.images.edges && product.images.edges.length > 1) { var sec = product.images.edges[1].node; imgHtml = [imgHtml,' ',(sec.altText || altText),'

'].join(''); } } else { imgHtml = '

'; } var price = product.priceRange && product.priceRange.minVariantPrice; var compareAt = product.compareAtPriceRange && product.compareAtPriceRange.minVariantPrice; var isSoldOut = product.availableForSale === false; var hasDiscount = compareAt && price && parseFloat(compareAt.amount) > parseFloat(price.amount); var badgesHtml = ''; if (showSoldOut && isSoldOut) { badgesHtml = ['',tSoldOut,''].join(''); } else if (hasDiscount) { var discount = Math.round((1 - parseFloat(price.amount) / parseFloat(compareAt.amount)) * 100); badgesHtml = ['-',discount,'%'].join(''); } var priceHtml = ''; if (hasDiscount) { priceHtml = [ '','€' + parseFloat(compareAt.amount).toFixed(2).replace('.', ','),'', '','€' + parseFloat(price.amount).toFixed(2).replace('.', ','),'' ].join(''); } else if (price) { priceHtml = ['','€' + parseFloat(price.amount).toFixed(2).replace('.', ','),''].join(''); } var h = product.handle || ''; return [ '

', badgesHtml, '

', '', '

',imgHtml,'

', '

',(product.title || ''),'

', '

',priceHtml,'

', '

', '', '

', '

' ].join(''); };