Collagen + Beauty Blend 11g Collagen Peptides Grass-Fed Collagen Non-GMO Nothing Artificial Clinically Supported Results* 3rd Party Tested `; calloutsContainer.innerHTML = calloutsHTML; } else { calloutsContainer.innerHTML = ''; // hide section if none } //CALLOUTS END } const updateMediaModal = (media, modalSliderRef, productTitle) => { let mediaSection = "" // const oldImagesSize = media.filter(v => v.alt === productTitle).length for (let i = 0; i < media.length; i++) { const mediaItem = media[i] mediaSection += `
${(mediaItem.media_type === "image" && mediaItem.alt !== productTitle) ? `
` : ''}
` } modalSliderRef.html(`
`) initPdpModalListeners() window.initPdpImagesCarousel(); } const renderDigitalRecipeSection = (recipeBooksRef,digitalRecipeBookRef, digitalRecipeBookImages) => { digitalRecipeBookRef.empty() if(digitalRecipeBookImages == undefined) { recipeBooksRef.css("display", "none") return } recipeBooksRef.css("display", "block") let digitalRecipeSection = "" for (let i = 0; i < digitalRecipeBookImages.length; i++) { digitalRecipeSection += `
` } digitalRecipeBookRef.append( `
Get a free digital recipe book! Sent directly to your inbox with every protein purchase. Delicious, protein-packed recipes coming your way!
${ digitalRecipeSection }
`) recipeSliderInit()} const renderMainIcons = (mainIconsRef, flavorMainProductIcons) => { mainIconsRef.empty() mainIconsRef.css("display", "flex") if(flavorMainProductIcons.length < 1) { mainIconsRef.css("display", "none") return } let htmlCode = ''; for (var i = 0; i < flavorMainProductIcons.length; i++) { htmlCode += '
'; htmlCode += ` '; } htmlCode += ''; mainIconsRef.append(htmlCode) } const updateTikTokSection = (tiktokSectionRef, hideTikTok, flavorPrimaryColor, flavorSecondaryColor, backgroundColor, tiktokCommentBorderRef, tiktokGifs, tiktokImages, tiktokComments, tiktokSubheading) => { $(".tiktok-subheading-0").text(tiktokSubheading) $(".tiktok-subheading-1").text(tiktokSubheading) // update borders $(".cls-1").css('fill', flavorPrimaryColor) $(".ae--heading-with-logo span").css('color', flavorPrimaryColor) tiktokCommentBorderRef.css("border", `2px ${flavorPrimaryColor} solid`) if (hideTikTok) { tiktokSectionRef.css("display", "none") } else { tiktokSectionRef.css("display", "block") } $('#ae--tiktok-gallery-carousel').empty() if (tiktokGifs === undefined || tiktokGifs === null) { tiktokSectionRef.css("display", "none") return } tiktokSectionRef.css("display", "block") let tikTokSection = "" for (let i = 0; i < tiktokGifs.length; i++) { tikTokSection += `
` } $("#ae--tiktok-gallery-carousel").html(`
`) updateWaveBackgroundColor($(".wave-container-tiktok .wave-image"), backgroundColor) tiktokSliderInit() } const renderFaqSection = (faqRef, backgroundColor) => { faqRef.parent().css("background-color", backgroundColor) } const updateWaveBackgroundColor = (waveRef, backgroundColor) => { let newWave = `
` let srcnew = "data:image/svg+xml;base64,"+btoa(newWave); waveRef.attr("src",srcnew) waveRef.attr("srcset",srcnew) } const updateWaveMobileBackgroundColor = (waveRefMobile, backgroundColor) => { let newWave = `
` let srcnew = "data:image/svg+xml;base64,"+btoa(newWave); waveRefMobile.attr("src",srcnew) waveRefMobile.attr("srcset",srcnew) } const updateTopWave = (color) => { let newTopWave = `
` $('.wave-container.top-wave').html(newTopWave) } const updatePageUrl = (selectedFlavor) => { window.history.pushState(selectedFlavor.title, selectedFlavor.title, `${selectedFlavor.handle}`); } const reloadStampedWidgets = (flavorId, flavorHandle, flavorTitle, flavorImage, flavorDescription, reviewsMainWidgetRef, reviewsBadgeRef, backgroundColor) => { let badge = document.querySelector(".stamped-main-badge"); let widget = document.querySelector("#stamped-main-widget"); [badge, widget].forEach(node => node.innerHTML = ''); let widget_parent = widget.parentNode; widget_parent.removeChild(widget); badge.setAttribute("data-id", flavorId); widget_parent.innerHTML = `
<\/div>`; StampedFn.reloadUGC(); widget.style.backgroundColor = `${backgroundColor}50` } const updateBreadcrumbs = (breadcrumbsLink, selectedFlavorTitle) => { breadcrumbsLink.text(selectedFlavorTitle) } const renderSuperFoodSection = (productVideoRef, flavorVideoUrl, flavorVideoHeading, backgroundColor, hideTikTok, flavorVideoPoster, flavorVideoPosterMobile) => { if (flavorVideoUrl === "") { productVideoRef.parent().css("display", "none") return } else { productVideoRef.parent().css("display", "block") } if (hideTikTok) { $(".wave-wrapper.video").css("display", "block") updateBackground(backgroundColor, productVideoRef.parent().parent()) } else { $(".wave-wrapper.video").css("display", "none") updateBackground("#FFFFFF", productVideoRef.parent().parent()) } productVideoRef.empty() if(flavorVideoUrl === "" || flavorVideoHeading === "") return let source = flavorVideoUrl if (!flavorVideoPoster && window.innerWidth > 768) { source = `${source}#t=0.001` } else if (!flavorVideoPosterMobile && window.innerWidth <= 768) { source = `${source}#t=0.001` } productVideoRef.append( $("
").text(flavorVideoHeading), $("").attr({ "playsinline": "playsinline", "controls": "", "poster": `${window.innerWidth <= 768 ? flavorVideoPosterMobile : flavorVideoPoster}` }).append( $("").attr({ "src": `${source}` }) )); } const renderProductForm = (flavorSelectedOrfirstAvailableVariantvailable, formMin, formMax, formStep, flavorTags, productVariants, variantSelectorRef, flavorHandle, flavorId, flavorName) => { $(".ae--form-action-elements").empty() $("#BIS_trigger").remove() variantSelectorRef.empty() let productFormData = ` `; const productAvailable = flavorSelectedOrfirstAvailableVariantvailable; setTimeout(function() { if(productAvailable) { $(".rc-container-wrapper").css('pointer-events', "fill") $(".rc-container-wrapper").css('opacity', "1") } else { $(".rc-container-wrapper").css('pointer-events', "none") $(".rc-container-wrapper").css('opacity', "0.5") } }, 1000); const showNotifyMe = flavorTags.includes('bis-hide') ? false : true; let product_form_id = `add-to-cart-${ flavorHandle } template--15891624722510__main`.replace( /\s/g, '') $(".add-to-cart-identifier").attr("id", product_form_id ) $(':input[name="product-id"]').attr("value", flavorId) $('.rc-container-wrapper').remove() window.ReChargeWidget.createWidget({ productId: flavorId }); if (productAvailable) { productFormData += ` `; } if (!productAvailable && showNotifyMe) { $(".ae--form-action-elements").parent().append( ` ` ) } $(".ae--form-action-elements").append(productFormData) let selectorHtml = ``; productVariants.forEach(variant => { selectorHtml += ` ${variant.title} `; }); variantSelectorRef.append(selectorHtml) updateProductQuantityAction() } const updateProductQuantityAction = () => { if (window.matchMedia("(max-width: 768px)")) { document.querySelector(".ae--product-desc").removeAttribute("open"); } window.matchMedia("(max-width: 768px)").onchange = (event) => { if (event.matches) { document.querySelector(".ae--product-desc").removeAttribute("open"); } else { document.querySelector(".ae--product-desc").setAttribute("open", "open"); } } const qtyCtrls = document.querySelectorAll(".ae--form-quantity_ctrl"), qtyInput = document.querySelector(".ae--form-quantity input"), qtyStep = parseInt(qtyInput.getAttribute("step")), qtyMin = parseInt(qtyInput.dataset.min); qtyCtrls.forEach((qty) => { qty.addEventListener("click", (event) => { event.preventDefault(); event.stopImmediatePropagation(); const actionType = qty.dataset.quantityAction; let qtyCurrentValue = parseInt(qtyInput.value); if ( actionType === "dec" ) { qtyCurrentValue = qtyCurrentValue - qtyStep; } else { qtyCurrentValue = qtyCurrentValue + qtyStep; } if ( qtyCurrentValue < qtyMin ) { qtyInput.value = qtyMin; } else { qtyInput.value = qtyCurrentValue; } }) }) } //Reused from cnr-graphql-common const renderMixingSection = (mixingSectionRef, flavormixingImageSize, flavorMixingImages, flavorMixingTitles, flavorMixingInfos) => { let section = $(".cnr-mixing-info"); let wave = $(".ae--product-mixing__wave") section.empty() wave.remove() if (flavorMixingImages.length < 1) { mixingSectionRef.parent().css("display", "none") return } else { mixingSectionRef.parent().css("display", "block") } let images = flavorMixingImages.map((item,index)=>`
${flavorMixingTitles[index]} ${flavorMixingInfos[index]}
`).join(""); section.append(`MIXING 101: `) section.after(` `) try { new Splide( '#ae--product-mixings-slider',{ perPage: 1, perMove: 1, pagination: false, arrows: true, mediaQuery: "min", breakpoints: { 768: { destroy: true } } } ).mount(); } catch(e) {} } const renderBenefitsSection = (benefitsSectionRef, flavorBenefitsText, flavorBenefitsImage) => { benefitsSectionRef.empty() const benefitsSection = ` AMAZING BENEFITS ${flavorBenefitsText}
`; if (flavorBenefitsText != '' && flavorBenefitsImage != '') { benefitsSectionRef.append(benefitsSection) } } const renderProductIngredients = (productIngredientsRef, flavorIngredientsSize, flavorIngredientSectionImage, flavorIngredientIcons, backgroundColor, factsTable, flavorIngredientHighestInfo, flavorDescription, hasTopWave, isNfp) => { productIngredientsRef.parent().parent()?.css("background-color", backgroundColor) productIngredientsRef.parent().parent().parent()?.css("background-color", backgroundColor) productIngredientsRef.empty() let ingredientIconsLength = flavorIngredientIcons.length if (ingredientIconsLength > 0) { productIngredientsRef.parent().parent().parent().css("display", "block") const firstColumn = $(''); const iconList = $(''); for (var i = 0; i < ingredientIconsLength; i++) { var listItem = $(''); var iconImg = $('Learn more about our ingredient standards. ' var h2 = $('Highest Ingredient Standards '); var p = $(`${ flavorIngredientHighestInfo }
`); function getViewFactsText() { let viewFactsButton = null; return viewFactsButton && viewFactsButton.trim() !== "" ? viewFactsButton : "VIEW SUPPLEMENT FACTS"; } if (factsTable != null) { var button = $(``).click(modalOpen); } infoDiv.append(h2); infoDiv.append(p); infoDiv.append(button); secondColumn.append(infoDiv); productIngredientsRef.append(firstColumn); productIngredientsRef.append(secondColumn); if(factsTable != null) { if (factsTable.length > 1) { document.querySelector(".ae--modal-content").innerHTML = ` ${factsTable.map(fact => renderNutritionFacts(fact, "desktop", true, backgroundColor, isNfp)).join("")}
` new Splide( "#ingredients-slider-desktop", { perPage: 1, perMove: 1, pagination: true, arrows: true, rewind: true, speed: 800 }).mount(); updateMobileDescription(factsTable, flavorIngredientHighestInfo, flavorIngredientIcons, flavorDescription, backgroundColor, isNfp) } else { document.querySelector(".ae--modal-content").innerHTML = renderNutritionFacts(factsTable[0], "desktop", false, backgroundColor, isNfp); updateMobileDescription(factsTable[0], flavorIngredientHighestInfo, flavorIngredientIcons, flavorDescription, backgroundColor, isNfp) } $(".supplemnt-facts-variety-title").css("background-color", backgroundColor) if($(window).width() < 768) { $(".supplement-facts--table").css("background-color", backgroundColor) } } else { productIngredientsRef.parent().parent().parent().css("display", "none") } }} const updateActiveFlavor = (flavoursListRef, targetTitle) => { flavoursListRef.removeClass('active') let activeItem = $('.ae--product-flavors ul li[data-title="' + targetTitle + '"]'); activeItem.addClass('active') } const updateDescription = (description, productDescriptionRef) => { productDescriptionRef.empty() productDescriptionRef.append(description) } const updateMainText = (title,productTitleRef, alternateTitle, flavorName) => { if(alternateTitle !== "") { productTitleRef.text(alternateTitle) } else { productTitleRef.text(title) } $("#selected-flavor").text(flavorName) $("#selected-flavor-hid").text(flavorName) } function updatePrices(priceRef, compareAtPriceRef, price, compareAtPrice) { priceRef.text(`$${(price / 100).toFixed(2)}`) if (price === compareAtPrice || compareAtPrice === 0 || compareAtPrice == null) { compareAtPriceRef.text("") $(".ae--product-card-price-pdp.breaks").css("display", "none") if (compareAtPriceRef.hasClass("sale")) { compareAtPriceRef.removeClass("sale") } } else { compareAtPriceRef.text(`$${(compareAtPrice / 100).toFixed(2)}`) $(".ae--product-card-price-pdp.breaks").css("display", "block") compareAtPriceRef.addClass("sale") } } const updateBackground = (backgroundColor, backgroundRef) => { setTimeout(function() { const newColorOverlay = $(""); newColorOverlay.css("background-color", `${backgroundColor}`); newColorOverlay.css("top", backgroundRef.offset().top); newColorOverlay.css("height", backgroundRef.outerHeight()); backgroundRef.append(newColorOverlay) newColorOverlay.animate({ left: 0 }, 1000, function() { newColorOverlay.remove(); backgroundRef.css("background-color", backgroundColor); }); }, 200); } const renderMainMediaImage = (mediaItems, mainImageRef) => { if (mediaItems.length < 1) return let mediaItem = mediaItems[0] mainImageRef.attr("src",mediaItem.src) mainImageRef.attr("srcset",mediaItem.src) mainImageRef.attr("alt", mediaItem.alt) } const renderMediaItems = (mediaItems, productMediaUlRef) => { productMediaUlRef.empty() for (var i = 1; i < mediaItems.length; i++) { let mediaItem = mediaItems[i]; let media; if (mediaItem.media_type == "image") { media = ` ").html(media ?? "<>>"); productMediaUlRef.append(newMediaItem); } } const renderVariantsSizesMeta = (productServingSizes, selectedFlavor, selectDefaultVariantOption) => { let variants = $("#product-variants-identifier") variants.empty() if (productServingSizes != null && productServingSizes.length > 0) { productServingSizes.sort((a, b) => { const optionA = parseInt(a.variants[0].option1); const optionB = parseInt(b.variants[0].option1); return optionB - optionA; }) const servingSize = selectDefaultVariantOption.split(" "); let servingUnit = 'SERVINGS' if (servingSize.length > 1) { servingUnit = servingSize[1] } var htmlString = '' + 'Size ' + servingSize[0] + ` ${servingUnit}'; productServingSizes.forEach(function(servingProduct, index) { const isUnavailable = servingProduct.tags.includes("UNAVAILABLE") htmlString += ''; htmlString += `` + servingProduct.variants[0].option1 + ' '; }); htmlString += '
'; } variants.append(htmlString) } const renderVariantSizes = (variantsAvailableArr, variantsOption1Arr, variantsOption2Arr, variantsOption3Arr, productVariantSize, hasOnlyDefaultVariant, productOptionsWithValues, flavorUrl, flavorSelectedValue) => { $("#product-secondary-variants").empty() let htmlCode = ''; const variantCount = productVariantSize; let selectedValue; if (!hasOnlyDefaultVariant && variantCount > 1) { for (const option of productOptionsWithValues) { if(option.name == "Servings") continue let optionsIndex = 0; // workaround, liquid json filter is missing selected_value if(Array.isArray(flavorSelectedValue)) { selectedValue = flavorSelectedValue[optionsIndex] } else { selectedValue = flavorSelectedValue } htmlCode += ` ${option.name} ${selectedValue} ${option.name} `; for (const value of option.values) { let optionsValuesIndex = 0 let optionDisabled = true; for (let i = 0; i < variantsOption1Arr.length; i++) { switch (option.position) { case 1: if (variantsOption1Arr[i] == value && variantsAvailableArr[i]) { optionDisabled = false; } break; case 2: if ( variantsOption1Arr[i] == product.selected_or_first_available_variant.option1 && variantsOption2Arr[i] == value && variantsAvailableArr[i] ) { optionDisabled = false; } break; case 3: if ( variantsOption1Arr[i] == product.selected_or_first_available_variant.option1 && variantsOption2Arr[i] == product.selected_or_first_available_variant.option2 && variantsOption3Arr[i] == value && variantsAvailableArr[i] ) { optionDisabled = false; } break; } } htmlCode += ` ${value} `; optionsValuesIndex += 1 } htmlCode += '
'; optionsIndex += 1 } } $("#product-secondary-variants").html(htmlCode); } //reused from cnr-grapql-common const renderNutritionFacts = (facts,mode, multi, backgroundColor, isNfp) =>{ let showSS = () => (facts.serving_size) ? `Serving Size${facts.serving_size}
` : '' let showSPC = () => (facts.serving_per_container) ? ` Serving Per Container ${facts.serving_per_container}
` : '' let showC = () => (facts.calories) ? ` Amount Per Serving ${!isNfp ? ` % Daily Value* ` : ''} ` : '' let showDVNote = () => (!facts.daily_value_note) ? '' : `${facts.daily_value_note}
`; function showNote() { let otherIngredients = facts.other_ingredients ? `${facts.ingredients_label}: ${facts.other_ingredients}` : ''; let contains = facts.contains ? `${facts.contains}` : ''; return ` ${otherIngredients}
${ contains != '' ? `Contains: ${contains.split("Contains: ").pop()}
`: '' } ${facts.note}
Manufactured in Utah, USA. We are committed to continuously improving our ingredients. For most updated ingredients, please see the packaging label. Learn more about our ingredients here.
`; } let nutritionFactsNames = facts.nutrition_facts.map(fact => fact.name) let proteinExist = false if (nutritionFactsNames.includes("Protein")) { proteinExist = true } let boldName = true let nutrition_facts = facts.nutrition_facts.map((fact, index, array)=>{ let sub_facts = "" if (fact.sub_facts) { sub_facts = fact.sub_facts.map((subfact)=>` ${subfact.name} ${subfact.amount_per_serving} ${subfact.daily_value ? subfact.daily_value : facts.daily_value_default } `).join(""); } let showContent = ()=>(fact.content)?`${ fact.content }
`:'' let valueToReturn = ` ${fact.name} ${fact.amount_per_serving}${fact.daily_value?fact.daily_value:facts.daily_value_default} ${showContent()} `; if (fact.name == "Total Carbs" && !proteinExist) { boldName = false } else if (fact.name === "Protein") { boldName = false } return valueToReturn }).join(""); return ` ${ (multi) ? `
${ facts.subtitle } ` : '' }
${facts.table_header} ${showSS()} ${showSPC()}
${showDVNote()}
${showNote()}
HIGHEST INGREDIENT STANDARDS ${ highestIngredientInfo } Learn more about our ingredient standards.
`).join(""); let nfacts = ''; if (facts && !Array.isArray(facts)) { nfacts = renderNutritionFacts(facts,"mobile", false, undefined, isNfp); } else if (facts && Array.isArray(facts) && facts.length > 1) { nfacts = facts.map(fact => renderNutritionFacts(fact, "mobile", true, undefined, isNfp)).join("") } sfacts.innerHTML = ` INGREDIENTS `; info.appendChild(sfacts); new Splide( '#ingredients-slider-mobile',{arrows:true} ).mount(); } } Strawberry Colada
Size 30 SERVINGS 30 10
Shipping calculated at checkout.
PRODUCT DESCRIPTION INCREDIBLE TASTE: Elevate your skincare routine from the inside out with our new Collagen + Beauty Blend. Light and juicy flavors with a beauty boost.
FLAVOR PROFILE:
Fresh and coconutty with a strawberry twist: tropical vacay meets sweet staycation.
AMAZING BENEFITS: CSE Clean Collagen Peptides Blend is formulated with 11 grams of high-quality grass-fed bovine collagen and chicken collagen in each serving to help you look and feel good. We also added a new Beauty Blend that hydrates skin with hyaluronic acid, organic bamboo, and clinically-studied rice ceramides to boost collagen production and support skin health from the inside out. Collagen and hyaluronic acid are essential in maintaining joint health and supporting flexibility and mobility.
SIPPABLE SELF-CARE: Brighten and hydrate your skin, reduce the appearance of wrinkles and fine lines, beautify your hair and nails, and support joint health.
SERVINGS:
30 serving bag
HOW TO USE: Add one
serving of Collagen + Beauty Blend to 12-16 ounces of cold water. Mix well and enjoy!
PRODUCT DESCRIPTION
INCREDIBLE TASTE: Elevate your skincare routine from the inside out with our new Collagen + Beauty Blend. Light and juicy flavors with a beauty boost.
FLAVOR PROFILE:
Fresh and coconutty with a strawberry twist: tropical vacay meets sweet staycation.
AMAZING BENEFITS: CSE Clean Collagen Peptides Blend is formulated with 11 grams of high-quality grass-fed bovine collagen and chicken collagen in each serving to help you look and feel good. We also added a new Beauty Blend that hydrates skin with hyaluronic acid, organic bamboo, and clinically-studied rice ceramides to boost collagen production and support skin health from the inside out. Collagen and hyaluronic acid are essential in maintaining joint health and supporting flexibility and mobility.
SIPPABLE SELF-CARE: Brighten and hydrate your skin, reduce the appearance of wrinkles and fine lines, beautify your hair and nails, and support joint health.
SERVINGS:
30 serving bag
HOW TO USE: Add one
serving of Collagen + Beauty Blend to 12-16 ounces of cold water. Mix well and enjoy!
HIGHEST INGREDIENT STANDARDS Life is complicated, your supplements shouldn’t be. That’s why we make supplements that are undeniably clean–our formulations go through four rounds of testing to ensure that you and your family are getting the highest-quality nutritional products on the market. Learn more about our ingredient standards.
INGREDIENTS Supplement Facts Serving Size 1 Scoop (14.6g)
Serving Per Container 30
Amount Per Serving % Daily Value* Calories 50
Total Carbohydrate <1g <1% Protein 10g †** Vitamin C (Organic Acerola Cherry) 50mg 55% Sodium 15mg <1% Clean Collagen Peptides Blend 11.3g † Grass-Fed Bovine Collagen and Chicken Collagen
Hyaluronic Acid (Sodium Hyaluronate) 120mg † Rice Ceramides 40mg † Organic Bamboo Silica 33mg † *Percent Daily Values based on a 2,000 calorie diet.
Other Ingredients: Citric Acid (from Cassava), Natural Flavors, Organic Stevia Leaf Extract (Reb A), Beet Root (for Color), Organic Monk Fruit Extract.
Note: Contents filled by weight, not volume. Keep in a cool, dry place. Keep out of reach of children. If pregnant or nursing, consult a healthcare professional before use.
Manufactured in Utah, USA. We are committed to continuously improving our ingredients. For most updated ingredients, please see the packaging label. Learn more about our ingredients here.
` : ''} ${media[i].media_type === "video" ? ` 
`; htmlCode += '
