if (typeof window.sbdn === 'undefined') { window.sbdn = {}; } window.sbdn.datastore = {} window.sbdn.datastore['badge'] = {"enabled":false,"product_image_selector":"div.product-single__photos, div#slider-product-template, div.photos__item--main, div#productPhotoContainer-product-template, div.product__media, div.media-image-wrap","badge_type":"svg-badge","foreground":"#161A31","background":"#D9F019","text_color":"#000000","image_url":null,"variant_change_selector":null,"default_image_url":"https://sbdn-file-bucket-production.s3.us-east-2.amazonaws.com/default-badge.png","logo_identifier":"Badge005"} window.sbdn.datastore['sale_clock'] = {"enabled":false,"clock_type":"countdown-clock","background_color":"#BDBDBD","label_text_color":"#161A31","timer_text_color":"#BF0711","style_identifier":"ClockStyle001","sale_clock_placement_selector":".product-form","display_text":null,"days_label_text":null,"hours_label_text":null,"minutes_label_text":null,"seconds_label_text":null} window.sbdn.datastore['shop'] = {"has_active_whole_store_sale":false,"sale_badge_enabled":true,"custom_css_hash":null} window.sbdn.datastore['sales'] = [] window.sbdn.datastore['variants'] = [] window.sbdn.datastore['collections'] = [] if ( typeof window.sbdn.datastore.badge !== 'undefined' && typeof window.sbdn.datastore.badge.logo_identifier !== 'undefined' ) { const identifier = window.sbdn.datastore.badge.logo_identifier; let content = ''; switch (identifier) { case 'Badge001': content = ''; break; case 'Badge002': content = ''; break; case 'Badge004': content = ' '; break; case 'Badge005': content = ' '; break; case 'Badge006': content = ' '; break; case 'Badge007': content = ' '; break; case 'Badge008': content = ' '; break; case 'Badge009': content = ' '; break; case 'Badge011': content = ' '; break; case 'Badge012': content = ' '; break; case 'Badge013': content = ' '; break; case 'Badge014': content = ' '; break; default: console.log('Ooops! Cannot view the badge!'); } window.sbdn.datastore.badge['svg_content'] = content; } function countdownStyle001(timestamp) { var endDate = new Date(timestamp); const difference = +endDate - +new Date(); var timeLeft = setInterval(function() { const difference = +endDate - +new Date(); if (difference > 0) { document.getElementById("sbdn-clock__days").innerText = Math.floor(difference / (1000 * 60 * 60 * 24)); document.getElementById("sbdn-clock__hours").innerText = Math.floor((difference / (1000 * 60 * 60)) % 24); document.getElementById("sbdn-clock__minutes").innerText = Math.floor((difference / 1000 / 60) % 60); document.getElementById("sbdn-clock__seconds").innerText = Math.floor((difference / 1000) % 60); } else { clearInterval(timeLeft); } }, 0); } function countdownStyle002(timestamp) { var endDate = new Date(timestamp); const difference = +endDate - +new Date(); var timeLeft = setInterval(function() { const difference = +endDate - +new Date(); const previousTimer = { days: document.getElementById("sbdn-clock__days--lower-text") && document.getElementById("sbdn-clock__days--lower-text").innerText, hours: document.getElementById("sbdn-clock__hours--lower-text") && document.getElementById("sbdn-clock__hours--lower-text").innerText, minutes: document.getElementById("sbdn-clock__minutes--lower-text") && document.getElementById("sbdn-clock__minutes--lower-text").innerText, seconds: document.getElementById("sbdn-clock__seconds--lower-text") && document.getElementById("sbdn-clock__seconds--lower-text").innerText, }; const timer = { days: Math.floor(difference / (1000 * 60 * 60 * 24)), hours: Math.floor((difference / (1000 * 60 * 60)) % 24), minutes: Math.floor((difference / 1000 / 60) % 60), seconds: Math.floor((difference / 1000) % 60), }; if (difference > 0) { // // FLIP DAYS // if (timer.days !== parseInt(previousTimer.days)) { let currentDay = timer.days; let previousDay = currentDay + 1; if (currentDay < 10) { currentDay = '0' + currentDay; } if (previousDay < 10) { previousDay = '0' + previousDay; } document.getElementById("sbdn-clock__days--upper-text").innerText = currentDay; document.getElementById("sbdn-clock__days--lower-text").innerText = currentDay; document.getElementById("sbdn-flip__days--upper-text").innerText = currentDay; document.getElementById("sbdn-flip__days--lower-text").innerText = currentDay; if (document.getElementById("sbdn-flip__days--upper").classList.contains('unfold')) { document.getElementById("sbdn-flip__days--upper").classList.add('fold'); document.getElementById("sbdn-flip__days--upper").classList.remove('unfold'); document.getElementById("sbdn-flip__days--lower").classList.add('unfold'); document.getElementById("sbdn-flip__days--lower").classList.remove('fold'); } else { document.getElementById("sbdn-flip__days--upper").classList.remove('fold'); document.getElementById("sbdn-flip__days--upper").classList.add('unfold'); document.getElementById("sbdn-flip__days--lower").classList.remove('unfold'); document.getElementById("sbdn-flip__days--lower").classList.add('fold'); } } // // FLIP HOURS // if (timer.hours !== parseInt(previousTimer.hours)) { let currentHour = timer.hours; let previousHour = currentHour + 1; if (currentHour < 10) { currentHour = '0' + currentHour; } if (previousHour < 10) { previousHour = '0' + previousHour; } document.getElementById("sbdn-clock__hours--upper-text").innerText = currentHour; document.getElementById("sbdn-clock__hours--lower-text").innerText = currentHour; document.getElementById("sbdn-flip__hours--upper-text").innerText = currentHour; document.getElementById("sbdn-flip__hours--lower-text").innerText = currentHour; if (document.getElementById("sbdn-flip__hours--upper").classList.contains('unfold')) { document.getElementById("sbdn-flip__hours--upper").classList.add('fold'); document.getElementById("sbdn-flip__hours--upper").classList.remove('unfold'); document.getElementById("sbdn-flip__hours--lower").classList.add('unfold'); document.getElementById("sbdn-flip__hours--lower").classList.remove('fold'); } else { document.getElementById("sbdn-flip__hours--upper").classList.remove('fold'); document.getElementById("sbdn-flip__hours--upper").classList.add('unfold'); document.getElementById("sbdn-flip__hours--lower").classList.remove('unfold'); document.getElementById("sbdn-flip__hours--lower").classList.add('fold'); } } // // FLIP MINUTES // if (timer.minutes !== parseInt(previousTimer.minutes)) { let currentMinute = timer.minutes; let previousMinute = currentMinute + 1; if (currentMinute < 10) { currentMinute = '0' + currentMinute; } if (previousMinute < 10) { previousMinute = '0' + previousMinute; } document.getElementById("sbdn-clock__minutes--upper-text").innerText = currentMinute; document.getElementById("sbdn-clock__minutes--lower-text").innerText = currentMinute; document.getElementById("sbdn-flip__minutes--upper-text").innerText = currentMinute; document.getElementById("sbdn-flip__minutes--lower-text").innerText = currentMinute; if (document.getElementById("sbdn-flip__minutes--upper").classList.contains('unfold')) { document.getElementById("sbdn-flip__minutes--upper").classList.add('fold'); document.getElementById("sbdn-flip__minutes--upper").classList.remove('unfold'); document.getElementById("sbdn-flip__minutes--lower").classList.add('unfold'); document.getElementById("sbdn-flip__minutes--lower").classList.remove('fold'); } else { document.getElementById("sbdn-flip__minutes--upper").classList.remove('fold'); document.getElementById("sbdn-flip__minutes--upper").classList.add('unfold'); document.getElementById("sbdn-flip__minutes--lower").classList.remove('unfold'); document.getElementById("sbdn-flip__minutes--lower").classList.add('fold'); } } // // FLIP SECONDS // if (timer.seconds !== parseInt(previousTimer.seconds)) { let currentSeconds = timer.seconds; let previousSeconds = currentSeconds + 1; if (currentSeconds < 10) { currentSeconds = '0' + currentSeconds; } if (previousSeconds < 10) { previousSeconds = '0' + previousSeconds; } document.getElementById("sbdn-clock__seconds--upper-text").innerText = currentSeconds; document.getElementById("sbdn-clock__seconds--lower-text").innerText = currentSeconds; document.getElementById("sbdn-flip__seconds--upper-text").innerText = currentSeconds; document.getElementById("sbdn-flip__seconds--lower-text").innerText = currentSeconds; if (document.getElementById("sbdn-flip__seconds--upper").classList.contains('unfold')) { document.getElementById("sbdn-flip__seconds--upper").classList.add('fold'); document.getElementById("sbdn-flip__seconds--upper").classList.remove('unfold'); document.getElementById("sbdn-flip__seconds--lower").classList.add('unfold'); document.getElementById("sbdn-flip__seconds--lower").classList.remove('fold'); } else { document.getElementById("sbdn-flip__seconds--upper").classList.remove('fold'); document.getElementById("sbdn-flip__seconds--upper").classList.add('unfold'); document.getElementById("sbdn-flip__seconds--lower").classList.remove('unfold'); document.getElementById("sbdn-flip__seconds--lower").classList.add('fold'); } } } else { clearInterval(timeLeft); } }, 1000); } function countdownStyle003(timestamp) { var endDate = new Date(timestamp); const difference = +endDate - +new Date(); var timeLeft = setInterval(function() { const difference = +endDate - +new Date(); if (difference > 0) { document.getElementById("sbdn-clock__days").innerText = Math.floor(difference / (1000 * 60 * 60 * 24)); document.getElementById("sbdn-clock__hours").innerText = Math.floor((difference / (1000 * 60 * 60)) % 24); document.getElementById("sbdn-clock__minutes").innerText = Math.floor((difference / 1000 / 60) % 60); document.getElementById("sbdn-clock__seconds").innerText = Math.floor((difference / 1000) % 60); } else { clearInterval(timeLeft); } }, 0); } if (typeof window.sbdn === 'undefined') { window.sbdn = {}; } window.sbdn.sale_clock_helpers = {} window.sbdn.sale_clock_helpers["style_1"] = countdownStyle001; window.sbdn.sale_clock_helpers["style_2"] = countdownStyle002; window.sbdn.sale_clock_helpers["style_3"] = countdownStyle003; if (typeof window.sbdn.datastore.sale_clock !== 'undefined') { const sale_clock = window.sbdn.datastore.sale_clock; const identifier = sale_clock.style_identifier; const displayText = sale_clock.display_text || 'Sale ends in'; const daysLabelText = sale_clock.days_label_text || 'Days'; const hoursLabelText = sale_clock.hours_label_text || 'Hours'; const minutesLabelText = sale_clock.minutes_label_text || 'Minutes'; const secondsLabelText = sale_clock.seconds_label_text || 'Seconds'; let content = ''; switch (identifier) { case 'ClockStyle001': content = '
\

' + displayText + '

\
\ \
\
'; break; case 'ClockStyle002': content = '
\

' + displayText + '

\
\
\
\ ' + daysLabelText + '\
\
\ \
\
\ \
\
\ \
\
\ \
\
\
\
\ ' + hoursLabelText + '\
\
\ \
\
\ \
\
\ \
\
\ \
\
\
\
\ ' + minutesLabelText + '\
\
\ \
\
\ \
\
\ \
\
\ \
\
\
\
\ ' + secondsLabelText + '\
\
\ \
\
\ \
\
\ \
\
\ \
\
\
\
\
\
'; break; case 'ClockStyle003': content = '
\

' + displayText + '

\
\
\

\

' + daysLabelText + '

\
\
\

\

' + hoursLabelText + '

\
\
\

\

' + minutesLabelText + '

\
\
\

\

' + secondsLabelText + '

\
\
\
'; break; case 'deadline-clock': content = '

December 12, 2021, 8:07:01 PM

'; break; } window.sbdn.datastore.sale_clock['html_content'] = content; } /* eslint-disable prefer-destructuring */ /* eslint-disable no-var */ function loadScript(url) { // Adding the script tag to the head as suggested before var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; // Fire the loading document.head.appendChild(script); } loadScript('https://bulk-discount-production.herokuapp.com/packs/js/sbdn-pack-now-a35079a8a1c525023e1a.js');