We use JavaScript to create the most functional website possible for our customers. JavaScript enables you to fully navigate and make a purchase on our site. If disabled the content or the functionality of the website can be limited or unavailable. Please enable JavaScript in your browser for the best possible experience. Thank you!
Free shipping on all beauty
THIS WEEK'S DEALBath & body
favorites
Sorry you missed it… This item has sold out,
10092936
FlexPay available Buy now
Over
Quick! These featured
deals won't last.Shop now
`); // This will handle price range and no tiered pricing for us var calcDiscount = function(cur, old) { if (!cur || !old || (cur && cur.includes(' '))) { return 0; } cur = parseInt(cur.replace(/(\$|\.)/, '')); old = parseInt(old.replace(/(\$|\.)/, '')); var percent = Math.floor((old - cur) / old * 100); return percent >= percentThreshold ? percent : 0; }; const _dealDrop = function(){ let isMobile = !!$('body').is('.mobile'), isPreview = (window.location.href.indexOf('preview') > -1), parentContainer = $('#_weeklyDealDrop'), wddCarousel = parentContainer.find('.mm-injected ._products_carousel'), wddArrows = ((!isMobile) && parentContainer.find('.mm-injected ._dealdrop_controls')) || '', wddPager = parentContainer.find('.mm-injected ._dealdrop_pager'), wddSwipeMobile = ((!!isMobile) && true) || false, wddScroll = ((!!isMobile) && true) || false, wddInfinite = ((!!isMobile) && true) || false, wddAutoplay = ((!!isMobile) && true) || false, wddStartSlide = ((!!isMobile) && 1) || 0, wddRows = ((!!isMobile) && 1) || 2, wddSlides = ((!!isMobile) && 1.5) || 3, wddSlideShow = ((!!isMobile) && 1.5) || 1, wddProducts = { itemCount: (!!isMobile && 24) || 48 }, wddInit = () => { $(function(){ doAjax('/api/product/list/8413-17141',{skip: 1, take: wddProducts.itemCount+1},function(data,ts,xhr) { let wddObject = { url: '', topline: '', total: 0, recipe:(!!isMobile && 'prodfull') || 'prodfull', hasFlag: false, mod: 0 }; $.each(data.Products.Products, function(i,v) { wddObject.hasFlag = (typeof(v.Flag) != 'undefined'); if((wddObject.total >= wddProducts.itemCount) || (!!wddObject.hasFlag && !!v.Flag.IsTodaysSpecial) || (/image-coming-soon/i).test(v.ImageLink.Uri)){ return 1; } wddObject.total++; wddObject.topline = (v.TopLine || '').replace(/\s/g,' ').replace(/"/g,'"'); wddObject.url = v.ProductLink.Uri.replace(/http(s)*:\/\/.*hsn\.(com|net)/,''); var isPriceRange = !!(/\s/).test(v.Pricing.Tier1); var discount = calcDiscount(v.Pricing.Tier1, v.Pricing.Tier2); wddObject.priceClass = ((isPriceRange && ' _range') || ''); var newDiv = $('
'); newDiv.appendTo(wddCarousel); }); createCarousel(); }); }); }, doAjax = (url,data,callback) => { $.ajax({ url: url, type: 'GET', data: (data || {}), beforeSend: function (xhr) { xhr.setRequestHeader('X-Requested-With', { toString: function() { return ''; } } ); }, success: callback || (function(){}), error: function(ts){ window.console && window.console.error('>>> hi doAjax error:'); window.console && window.console.debug(ts); } }); }, createCarousel = () => { wddCarousel.slick({ rows: wddRows, slidesPerRow: wddSlides, slidesToShow: wddSlideShow, slidesToScroll: 1, autoplay: false, autoplaySpeed: 0, pauseOnHover: true, pauseOnFocus: true, infinite: true, lazyLoad: 'ondemand', cssEase: true, edgeFriction: 0, fade: false, swipeToSlide: wddSwipeMobile, initialSlide: wddStartSlide, appendArrows: wddArrows, appendDots: wddPager, dotsClass: '_pager-dots' }); }; wddInit(); }; _dealDrop(); })(jQuery);
Celebrating Pride MonthJoin us in supporting LGBTQ+
Watch & Shop
If you are experiencing video playback issues, you may need to upgrade your browser, or use Chrome or Firefox.
If you are experiencing video playback issues, you may need to upgrade your browser, or use Chrome or Firefox.
Items Recently Aired
Shop AllShop AllShop All
`));slide.append($(`
${v.Pricing.Tier1}
`));container.append(slide);});window._iraCC.push(container);container.off('init').on('init', function(event, slick) {// Hide inactive carousel after slick initializedvar activeClass = oanContainer.data('active');if (!parent.is(activeClass)) {parent.removeClass('active');}}).slick({initialSlide: 0,arrows: true,appendArrows: obj.controls,infinite: false,slidesToShow: isMobile ? 2.2 : 3,slidesToScroll: isMobile ? 2 : 3});}});};var widgetInit = function() {window._iraCC = [];//init hsn feedrecentInit({feed: 'RecentlyOnAirNow1',carousel: $('.items-recently-aired .carousel.z1 ._carousel'),cm2: 'hsnitemsrecentlyaired',controls: '.items-recently-aired .carousel.z1 .controls'});//init hsn2 feedsetTimeout(function(){recentInit({feed: 'RecentlyOnAirNow4',carousel: $('.items-recently-aired .carousel.z2 ._carousel'),cm2: 'hsn2itemsrecentlyaired',controls: '.items-recently-aired .carousel.z2 .controls'});}, 250);};var maybeInit = function() {if (oanContainer.onscreen()) {triggerRefreshTimer();widgetInit();isInitialized = true;}};var triggerRefreshTimer = function() {refreshTimerExpired = false;clearTimeout(refreshTimer);refreshTimer = setTimeout(function(){refreshTimerExpired = true;maybeInit();}, refreshInterval);};var playActiveVideo = function() {var data = $('.oan-yt.active').data('oan-player');if (data && data.playVideo) {data.playVideo();}};var pauseActiveVideo = function() {var data = $('.oan-yt.active').data('oan-player');if (data && data.pauseVideo) {data.pauseVideo();}};//youtube player controlwindow.onYouTubeIframeAPIReady = function() {//create the yt players$.each($('.oan-yt > div'), function(i,v) {var curYtDiv = $(v);curYtDiv.parent().data('oan-player', new YT.Player(curYtDiv.attr('id'), {videoId: curYtDiv.attr('data-yt-id'),playerVars: {controls: 1,showinfo: 1,modestbranding: 1,fs: 1,cc_load_policy: 1,iv_load_policy: 3,autohide: 1,mute: 1,rel: 0,origin: 'https%3A%2F%2Fwww.hsn.com'},events: {onStateChange: function(ev){//if the active player state changes and it's on screen, then it's likely that the user changed it, if the user paused it, the video should not play again automatically when scrolling back into view or navigating the tabs, otherwise if the user hit play, resume normal behaviorvar target = $(ev.target.g).parent();if(target.onscreen() && target.hasClass('active')){target.data('oan-player').__noplay = (ev.data == YT.PlayerState.PAUSED);}},onReady: function(ev) {//if it's not a tablet app and not mobile, play then pause the video so the poster does not show//-tablet apps have a touchstart event insteadif (!(device.IsTablet && device.IsNativeApp)) {//call the scroll event so that the video starts playing if it's in the viewport$(window).trigger('scroll._oan-yt');}}}}));});var _scroll = function(ev){if (!isInitialized) {maybeInit();return;} else if (refreshTimerExpired) {maybeInit();}var p = $('.oan-yt.active'), d = p.data('oan-player') || {};//if the video has been initializedif (typeof(d.playVideo) == 'function') {var state = d.getPlayerState();switch(true){//if this is not mobile and the user did not stop the video previously and the video is on screen and not playing, play itcase(state != YT.PlayerState.PLAYING && !isMobile && !d.__noplay && p.onscreen()):d.playVideo();break;//if the video is muted and playing and not on screen, pause the videocase(state == YT.PlayerState.PLAYING && d.isMuted() && !p.onscreen()):d.pauseVideo();break;}}};// on tablet apps, attach one touchstart event to window so that the video starts playing if the user happens to touch the element while scrolling, which is about 30% likelyif (device.IsTablet && device.IsNativeApp) {$(window).one('touchstart._oan-yt', _scroll);}// attach a scroll event to play/pause the active player when it's on/off the viewport$(window).on('resize._oan-yt scroll._oan-yt', _scroll);maybeInit();};$.getScript('https://www.youtube.com/iframe_api');});
