Celsius Watermelon (Case of 12)

Celsius

Sale price $27.99
const TAG = 'spz-custom-flash-sale-tag'; class SpzCustomFlashSaleTag extends SPZ.BaseElement { constructor(element) { super(element); this.variants_ = []; this.dataId_ = []; }; buildCallback = () => { if (this.element.hasAttribute('data-id')) { this.dataId_ = this.element.getAttribute('data-id'); } if (this.dataId_) { const scriptElement = document.querySelector("#" + this.dataId_); try { this.variants_ = JSON.parse(scriptElement.textContent); if (this.variants_.length === 1) { const currentSelectVariant = this.variants_[0]; currentSelectVariant.variant_id = currentSelectVariant.id; this.doRenderTag_(currentSelectVariant); } } catch (error) { console.log('error', error); } } this.setupAction_(); }; doRenderTag_ = (currentSelectVariant) => { if (!currentSelectVariant) { this.childElement.setAttribute('hidden', ''); return; } this.childElement = this.element.querySelector('div'); const currentVariant = this.variants_.find(item => item?.id == currentSelectVariant?.variant_id); if (Array.isArray(currentVariant?.flashsale_info)) { this.childElement.setAttribute('hidden', ''); return; } const flashSaleInfo = currentVariant?.flashsale_info; if (!flashSaleInfo?.discount_id) { this.childElement.setAttribute('hidden', ''); return; } const currentTime = (new Date().getTime() / 1000); const isValid = (flashSaleInfo.ends_at === -1 || (flashSaleInfo.ends_at && Math.min(currentTime, flashSaleInfo.ends_at))); if (!isValid) { this.childElement.setAttribute('hidden', ''); return } const flashSaleTagName = flashSaleInfo?.color_setting_promotional_copy || ''; if (!flashSaleTagName) { this.childElement.setAttribute('hidden', ''); return } const flashSaleTagDoms = this.element.querySelectorAll('[role="flash-sale-tag-tile"]'); if (!flashSaleTagDoms?.length) { this.childElement.setAttribute('hidden', ''); return } this.childElement.removeAttribute('hidden', ''); ;[...flashSaleTagDoms].forEach(item => { item.innerHTML = flashSaleTagName; }) }; setupAction_ = () => { this.registerAction('renderTag', async (invocation) => { this.doRenderTag_(invocation.args.data); }); }; setData_ = (variants) => { this.variants_ = variants; }; isLayoutSupported = (layout) => { return layout == SPZCore.Layout.CONTAINER; }; } SPZ.defineElement(TAG, SpzCustomFlashSaleTag)
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '91fbff31-a586-4b3e-909e-5138903200f7'; } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { console.log('自动折扣直出数据',{"downgrade":false,"automatic_discount_list":[],"hash":""}); this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const promotionComplex = {"downgrade":false,"automatic_discount_list":[],"hash":""}; let data = await this.getDiscountList(); if (data.hash && (data.hash !== promotionComplex.hash)) { // 兜底方案, downgrade == true; 需要降级 则要请求接口, // 但是直出数据可能存在缓存，一定会调用一次接口，直接判断hash版本，不一致就用接口的，一致就没必要重新渲染一模一样的数据了 console.log('%c 自动折扣hash不一致, 使用接口数据 ', 'background:#ffe3f4;border: 1px solid #ff4395; color: #ff4395;', data.hash); this.renderApiData_(data); } } async getDiscountList() { const productId = '92be4760-2fdf-4b5f-b107-80247fc90273'; const variantId = this.variant_id; const productType = ''; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if(parentDiv){ parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == '92be4760-2fdf-4b5f-b107-80247fc90273' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
Sku :
99615
Quantity
  • Description
  • Supplement Facts

Re-focus on your goals and recharge your energy with CELSIUS Sparkling Watermelon! Made with clinically proven ingredients, this carbonated flavor of CELSIUS has the perfect balance of flavor and energy that serves as an awesome pick-me-up for active lifestyles. 

 

GREEN TEA EXTRACT 

The extract used contains a specific ratio of EGCG (epigallocatechin gallate) —the compound that scientists have found boosts your metabolism and helps your body burn more calories. 

VITAMIN B 

B-Vitamins are essential for energy production and they help regulate cell health as well as metabolism. They also help support your adrenal glands to help you recover from fatigue. 

GUARANA SEED EXTRACT 

Unlike most guarana drinks, CELSIUS uses the seeds (instead of the roots), which contain over twice the amount of caffeine than the average coffee bean. 

VITAMIN C 

Also known as an ascorbic acid, vitamin C is an essential nutrient that aids the immune system and helps with tissue repair and the enzymatic production of certain neurotransmitters. 

GINGER ROOT 

Ginger root has a wonderful spicy flavor, and it's known to help support the process of thermogenesis as well as create a positive effect on digestive systems. 

CHROMIUM 

Known to help control hunger, chromium is an essential trace mineral that normalizes blood sugar levels and helps enhance the metabolism of proteins, carbohydrates, and lipids. 

  • • 200mg Caffeine  

  • • 0 Sugar  

  • • Gluten Free 

  • • Non GMO 

  • • Kosher 

  • • Certified Vegan  

  • • No High Fructose Corn Syrup 

  • • No Aspartame 

  • • No Preservatives 

  • • No Artificial Colors or Flavors 

Calories10
Total Carbohydrate2g 1%†
Total Sugars0g 0%
Vitamin C(ascorbic acid)60mg 67%
Riboflavin1.7mg 131%
Niacin(as niacinamide)20mg 125%
Vitamin B6(as pyridoxine hydrochloride)2mg 118%
Vitamin B12(as cyanocobalamin)6mcg 250%
Biotin300mcg 1000%
Pantothenic Acid(as calcium d-pantothenate)10mg 200%
Calcium(as calcium carbonate)50mg 4%
Chromium(chelate)50mcg 143%
Sodium0mg 0%
MetaPlus® Proprietary BlendTaurine **, Guarana extract (seed) **, Caffeine (as caffeine anhydrous) **, Glucuronolactone **, Ginger extract (root) **, Green Tea leaf extract standardized to 15% EGCG **1.81g
Customer Reviews
Here are what our customers say.
Write a Review
Customer Reviews
Wow you reached the bottom
Newest
Most liked
Highest ratings
Lowest ratings
×
class SpzCustomFileUpload extends SPZ.BaseElement { constructor(element) { super(element); this.uploadCount_ = 0; this.fileList_ = []; } buildCallback() { this.action = SPZServices.actionServiceForDoc(this.element); this.registerAction('upload', (data) => { this.handleFileUpload_(data.event?.detail?.data || []); }); this.registerAction('delete', (data) => { this.handleFileDelete_(data?.args?.data); }); this.registerAction('preview', (data) => { this.handleFilePreview_(data?.args?.data); }); this.registerAction('limit', (data) => { this.handleFileLimit_(); }); this.registerAction('sizeLimit', (data) => { this.handleFileSizeLimit_(); }); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } setData_(count, file) { this.uploadCount_ = count; this.fileList_ = file; } handleFileUpload_(data) { data.forEach(i => { if(this.fileList_.some(j => j.url === i.url)) return; this.fileList_.push(i); }) this.uploadCount_++; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileUpload", { count: this.uploadCount_, files: this.fileList_}); if(this.fileList_.length >= 5){ document.querySelector('#review_upload').style.display = 'none'; } if(this.fileList_.length > 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '8px'; } } handleFileDelete_(index) { this.fileList_.splice(index, 1); this.uploadCount_--; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleFileDelete", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; if(this.fileList_?.length === 0){ document.querySelector('.apps-reviews-write-anonymous-box').style.marginTop = '132px'; } } handleFilePreview_(index) { const finalPreviewData = this.fileList_[index]; const filePreviewModal = document.getElementById('filePreviewModal'); const fullScreenVideo = document.getElementById('fullScreenVideo'); const fullScreenImage = document.getElementById('fullScreenImage'); const previewModalClose = document.getElementById('previewModalClose'); const previewLoading = document.getElementById('previewLoading'); filePreviewModal.style.display = 'block'; previewLoading.style.display = 'flex'; if(finalPreviewData?.type === 'video'){ const media = this.mediaParse_(this.fileList_[index]?.url); fullScreenVideo.addEventListener('canplaythrough', function() { previewLoading.style.display = 'none'; }); fullScreenImage.src = ''; fullScreenImage.style.display = 'none'; fullScreenVideo.style.display = 'block'; fullScreenVideo.src = media.mp4 || ''; } else { fullScreenImage.onload = function() { previewLoading.style.display = 'none'; }; fullScreenVideo.src = ''; fullScreenVideo.style.display = 'none'; fullScreenImage.style.display = 'block'; fullScreenImage.src = finalPreviewData.url; } previewModalClose.addEventListener('click', function() { filePreviewModal.style.display = 'none'; }); } handleFileLimit_() { alert(window.AppReviewsLocale.comment_file_limit || 'please do not upload files more than 5'); this.triggerEvent_("handleFileLimit"); } handleFileSizeLimit_() { alert(window.AppReviewsLocale.comment_file_size_limit || 'File size does not exceed 10M'); } clear(){ this.fileList_ = []; this.uploadCount_ = 0; sessionStorage.setItem('fileList', JSON.stringify(this.fileList_)); this.triggerEvent_("handleClear", { count: this.uploadCount_, files: this.fileList_}); document.querySelector('#review_upload').style.display = 'block'; } mediaParse_(url) { var result = {}; try { url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) { try { result[key] = decodeURIComponent(value); } catch (e) { result[key] = value; } }); result.preview_image = url.split('?')[0]; } catch (e) {}; return result; } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, name, data); this.action.trigger(this.element, name, event); } } SPZ.defineElement('spz-custom-file-upload', SpzCustomFileUpload);
The review would not show in product details on storefront since it does not support to.