/* 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 badgesHtml = ''; if (showSoldOut && product.availableForSale === false) { badgesHtml = ['',tSoldOut,''].join(''); } var price = product.priceRange && product.priceRange.minVariantPrice; var compareAt = product.compareAtPriceRange && product.compareAtPriceRange.minVariantPrice; var priceHtml = price ? new Intl.NumberFormat(undefined, { style: 'currency', currency: price.currencyCode }).format(parseFloat(price.amount)) : ''; var compareHtml = ''; if (compareAt && price && parseFloat(compareAt.amount) > parseFloat(price.amount)) { compareHtml = ['',new Intl.NumberFormat(undefined, { style: 'currency', currency: compareAt.currencyCode }).format(parseFloat(compareAt.amount)),''].join(''); } var h = product.handle || ''; return [ '

', badgesHtml, '

', '', '

',imgHtml,'

', '

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

', '

',priceHtml,compareHtml,'

', '

', '', '

', '

' ].join(''); };