Best-Selling Pop-Up Cards, Gifts, & More

Special order items will be shipped once they are available and will arrive separately from other items in your order.

` }else { return ``; } } /** * Fetches the featured products based on the given skus and collection handle * @param {string} collectionHandle - The handle of the collection * @returns {Promise} - A promise that resolves to an array of products */ async function fetchFeaturedProducts(skus, collectionHandle) { const urlParams = new URLSearchParams(window.location.search); const utmParamSource = urlParams.get('utm_source'); const utmParamMedium = urlParams.get('utm_medium'); const utmParamCampaign = urlParams.get('utm_campaign'); const products = await fetch(`/tools/MapFeaturedSkus?collectionHandle=${collectionHandle}&featuredSkus=${skus}${utmParamSource ? `&utmsource=${utmParamSource}` : ''}${utmParamMedium ? `&utmmedium=${utmParamMedium}` : ''}${utmParamCampaign ? `&utmcampaign=${utmParamCampaign}` : ''}`, { method: 'POST', headers: { Accept: 'application/json', 'Content-Type': 'application/json' }, }) .then(res => res.json()) .catch(e => { console.error(e) }); return products } /** * Generates HTML for product card * @param {Object} product - Product object containing details of the product */ function cardHTML(product, index, collectionTitle) { const { variants } = product; const tags = product.tags.split(",") || [] const testMode = url.searchParams.get("test_fc") ? 'border-color:red' : " "; 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.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[0] hoverMedia = product.images[1] } return `

${imageHTML(product)} ${imageHTMLMobile(product)}

${product.title}

${tags.map(tag => productPriceBadgeHTML(tag)).join("")} ${renderSpecialProductBadge(tags)}

${ showSecondaryImageFlag ? `

` : ``}

${productBadgeHTML(tags)}

${product.title}

${priceHTML(product)}

` } /** * 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 350): 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 `

Regular price $${variant.price}

Sale price $${variant.price} Regular price ~~$${compareAtPrice}~~

Unit price / per

` } /** * 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.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[0] hoverMedia = product.images[1] } return showSecondaryImageFlag ? `

Best-Selling Pop-Up Cards, Gifts, & More | Lovepop (1)

Best-Selling Pop-Up Cards, Gifts, & More | Lovepop (2)

` : `

Best-Selling Pop-Up Cards, Gifts, & More | Lovepop (3)

` } 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.images[2]){ showSecondaryImageFlag = true defaultMedia = product.images[0] hoverMedia = product.images[1] } return showSecondaryImageFlag ? `

` : `

` }})();

Never miss an important date. Get timely email reminders for all important occasions.

We apologize, but it seems there was an issue processing your request. Please try again later. Thank you for your understanding

We will send reminders to your email {email}.

We apologize, but it seems there was an issue processing your request. Please try again later. Thank you for your understanding

If you need to make any changes, log in to your Lovepop account page. All your reminders will be located in the Occasion Reminders tab

You can fill out this form for each upcoming occasion.

We apologize, but it seems there was an issue processing your request. Please try again later. Thank you for your understanding

Best-Selling Pop-Up Cards, Gifts, & More | Lovepop (2024)

${product.title}

${product.title}

References