New Pop Up Card Designs, Our Freshest Releases (2024)

${ showSecondaryImageFlag ? ` ` : ``} ` } /** * Returns the HTML for a badge based on the provided tag. * @param {string} tag - The tag to determine the badge to return. * @returns {string} - The HTML for the corresponding badge. */ function productPriceBadgeHTML(tag) { switch (tag.trim()) { case "5 for $50 eligible": return '

5 for $50

' case "3 Pack": return '

$39 value

' case "5 Pack": return '

$65 value

' case "7 Pack": return '

$91 value

' case "12 Pack": return '

$156 value

' case "3 Pack licensed": return '

$45 value

' case "5 Pack licensed": return '

$75 value

' case "7 Pack licensed": return '

$105 value

' case "12 Pack Bonus": return '

$169 value

' case "Bouquet 3-Pack": return '

$72 value

' case "Bouquet 5-Pack": return '

$120 value

' case "Small Super Pack": return '

$159 value

' case "bundle": return '

$37 value

' case "licensed bundle": return '

$41 value

' case "gift wrap bundle": return '

$50 value

' case "24 Pack": return '

$312 value

' case "REDROSESHOP": return '

Save 20% with code REDROSE

' case "Handcrafted Paper Flower Bundle": return '

$72 value

' case "licensed bouquet wreath card bundle": return '

$67 value

' case "bouquet wreath bundle": return '

$48 value

' case "VDAYSALE": return '

Save $6 on selected cards with VDAYSALE

' case "trickortreatpromo": return '

Save 20% with code TRICKORTREAT

' case "starwarsday23": return '

Use code STARWARS40

' case "Donation_with_purchase": return '

Donation with Purchase

' case "Val-24-30Percent": return '

30% OFF WITH CODE LOVE30

' default: return } } /** * Returns the HTML for additional information based on the provided tags. * @param {array} tags - List of tags to determine the additional information to return. * @returns {string} - The HTML for the corresponding dditional information. */ function productBadgeHTML(tags) { const allIconsArray = []; let resultIconObject = ''; tags.forEach(tag => { switch (tag.trim()) { case 'low-inventory': allIconsArray.push({ tag: ' Hurry - almost gone! ', priority: 1 }) break; case 'New Releases': allIconsArray.push({ tag: ' New! ', priority: 2 }) break; case 'license': allIconsArray.push({ tag: ' Officially Licensed ', priority: 3 }) break; case 'Direct Relief': allIconsArray.push({ tag: ' Liquid error (snippets/featured-collection line 322): Could not find asset snippets/con-heart.liquid Donation with purchase ', priority: 4 }) break; case "Happy Mother's Day": allIconsArray.push({ tag: ' Sentiment: Happy Mother's Day ', priority: 4 }) break; case "Happy Father's Day": allIconsArray.push({ tag: ' Sentiment: Happy Father's Day ', priority: 4 }) break; case 'To Mom': allIconsArray.push({ tag: ' Sentiment: To Mom ', priority: 5 }) break; case 'To Grandma': allIconsArray.push({ tag: ' Sentiment: To Grandma ', priority: 5 }) break; case 'To Dad': allIconsArray.push({ tag: ' Sentiment: To Dad ', priority: 5 }) break; } }) allIconsArray.forEach( tagObject => { if (resultIconObject === '') resultIconObject = tagObject; if (resultIconObject.priority > tagObject.priority) { resultIconObject = tagObject; } }) if (resultIconObject.tag) { return resultIconObject.tag; } return ''; } /** * Returns the CTA HTML information based on inventory_quantity. * @param {string} product - The tag to determine the additional information to return. * @returns {string} - The HTML for the corresponding additional information. */ function ctaHTML(product) { const variant = product.variants[0]; const inStock = variant.inventory_quantity >= 1 ? "in_stock" : "out_of_stock"; switch (inStock) { case "out_of_stock": return ` Notify Me When Back in Stock Sold Out - Request In Stock Notification ` default: return ` ` } } /** * Returns the product price HTML information based on product compare at price. * @param {string} product - The tag to determine the additional information to return. * @returns {string} - The HTML for the corresponding additional information. */ function priceHTML(product){ const variant = product.variants[0]; const compareAtPrice = variant.compare_at_price; return ` ` } /** * Returns the image HTML information based on product type. * @param {string} product - The product to determine the additional information to return. * @returns {string} - The HTML for the corresponding additional information. */ function imageHTML(product){ let defaultMedia = product.images[0]; let hoverMedia = product.images[1]; let showSecondaryImageFlag = false; if(product.product_type == "Pop up greeting card" && product.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[2] hoverMedia = product.images[1] } if(product.product_type == "Card Pack"){ defaultMedia = product.images[0] showSecondaryImageFlag = false } if(product.product_type != "Card Pack" && product.product_type != "Pop up greeting card" && product.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[0] hoverMedia = product.images[1] } return showSecondaryImageFlag ? ` ` : ` ` } function imageHTMLMobile(product){ let defaultMedia = product.images[0]; let hoverMedia = product.images[1]; let showSecondaryImageFlag = false; if(product.product_type == "Pop up greeting card" && product.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[2] hoverMedia = product.images[1] } if(product.product_type == "Card Pack"){ defaultMedia = product.images[0] showSecondaryImageFlag = false } if(product.product_type != "Card Pack" && product.product_type != "Pop up greeting card" && product.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[0] hoverMedia = product.images[1] } return showSecondaryImageFlag ? ` ` : `` }})();