<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> </head> <body id="" class=""> <div class="productPage content" id="QuickShopWrap"> <div data-color-productid="18294" data-saleprice="18.0000" class="productPageTop row-fluid product-page-wrap ProductID_Wrap_18294" xmlns=""> <div class=""><div class='productImageWrap'> <div class='flexslider product-detail-image-large product-slider'> <ul class='slides'> <li class='slide' data-slide-index='0'><img class='' src='images/product/maternity/large/18294_1_.jpg' alt='Swaddle Designs Pink Floral Baby Burpies'/></li> </ul> </div> </div> <script> $( document ).ready(function() { var videoPlayer = $('#videoPlayer'); $('.btnPlay').click(function() { if(videoPlayer[0].paused) { videoPlayer[0].play(); $('.glyphicon-play').attr('class', 'glyphicon glyphicon-pause'); } else { videoPlayer[0].pause(); $('.glyphicon-pause').attr('class', 'glyphicon glyphicon-play'); } return false; }) videoPlayer.on('timeupdate', function() { $('.current').text(Math.round(videoPlayer[0].currentTime)); }); videoPlayer.on('loadedmetadata', function() { $('.duration').text(Math.round(videoPlayer[0].duration)); }); $('.btnMute').click(function() { if (videoPlayer[0].muted == false) { videoPlayer[0].muted = true; $('.glyphicon-volume-up').attr('class', 'glyphicon glyphicon-volume-off'); } else { videoPlayer[0].muted = false; $('.glyphicon-volume-off').attr('class', 'glyphicon glyphicon-volume-up'); } }); $('.btnFullscreen').on('click', function() { videoPlayer[0].webkitEnterFullscreen(); videoPlayer[0].mozRequestFullScreen(); return false; }); $('#videoPlayer').show().trigger("play").bind('ended', function () { this.currentTime = 0; }); }); </script></div> <div class="productInfo"> <h1 class="product-page-header" itemprop="name">Swaddle Designs Pink Floral Baby Burpies</h1> <div class="price-tag"> <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" id=" VariantPrice_22653"> <link itemprop="availability" href="http://schema.org/InStock" content="In Stock"><div class="price-wrap"><span class="price sale-price">$18</span> <meta itemprop="price" content="$18.00"/><meta itemprop="priceCurrency" content="USD"/><span class='finalsale-icon'>Final Sale</span></div></div> </div> <div class="add-to-cart-row"> <div class="add-to-cart-sizebuttons"> <div class="pairinglist "> <div id="variation_color_name" class="a-section"><span class="key">Color: </span><ul id="color_selection" class="display-dependency clearfix"></ul> </div> </div> </div><div class='form add-to-cart-form' id='AddToCartForm_18294_22653'> <script type="text/javascript" Language="JavaScript"> var size_board_18294_22653 = new Array(new Array('Out of Stock','One-Size','0')); var currentselectedsize_18294_22653 = 0; function selectsize_18294_22653(sizeindex){ document.getElementById('size_name_18294_22653_'+currentselectedsize_18294_22653).className = document.getElementById('size_name_18294_22653_'+currentselectedsize_18294_22653).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_18294_22653_'+currentselectedsize_18294_22653).className = document.getElementById('size_name_18294_22653_'+currentselectedsize_18294_22653).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_18294_22653_'+currentselectedsize_18294_22653).className += ' swatchAvailable'; currentselectedsize_18294_22653 = sizeindex; document.getElementById('size_name_18294_22653_'+sizeindex).className = document.getElementById('size_name_18294_22653_'+sizeindex).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_18294_22653_'+sizeindex).className = document.getElementById('size_name_18294_22653_'+sizeindex).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_18294_22653_'+sizeindex).className += ' swatchSelect'; document.getElementById('Size_18294_22653').selectedIndex=sizeindex+1; document.getElementById('sizeselection_18294_22653').innerHTML=size_board_18294_22653[sizeindex][1]; document.getElementById('sizeselectiononlyleft_18294_22653').innerHTML=size_board_18294_22653[sizeindex][0];} </script> <script type="text/javascript" Language="JavaScript">  </script> <input name="VariantStyle_18294_22653" id="VariantStyle_18294_22653" type="hidden" value="0"><input name="IsWishList_18294_22653" id="IsWishList_18294_22653" type="hidden" value="0"><input type="hidden" name="UpsellProducts_18294_22653" id="UpsellProducts_18294_22653" value="" class="aspdnsf_UpsellProducts" > <input type="hidden" name="CartRecID_18294_22653" id="CartRecID_18294_22653" value="0"> <input type="hidden" name="ProductID_18294_22653" id="ProductID_18294_22653" value="18294"> <input type="hidden" name="DepartmentID_18294_22653" id="DepartmentID_18294_22653" value="6"> <input type="hidden" name="VariantID_18294_22653" id="VariantID_18294_22653" value="22653"> <div class="form-group add-to-cart-group"><div class='add-to-cart-sizebuttons'><div class='pairinglist ' ><ul class='pairings '><li class='pairing-sku-options size pairing-required pairing-horizontal pairing clearfix'> <div id='variation_color_name' class='a-section'> <p><span class='key'>Size:</span> <ul id='size_18294' class='display-dependency clearfix'> <li id="size_name_18294_22653_0"class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='18294' onclick="selectsize_18294_22653(0)" class='sizeswatch outofstockbtn'><span class=''>O/S</span></a></li> </ul> <ul id='other_size_18294' class='display-dependency clearfix hide'> <li class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='18294' data-swatch-productid='18294' onclick="selectsize_18294_22653(0)" class='sizeswatch ProdColorSwatch outofstockbtn'><span class=''>O/S</span></a></li> </ul> <em id='sizeselection_18294_22653'>Select Size</em><span id='sizeselectiononlyleft_18294_22653' class='only-left'></span></p> </div> </li></ul></div><div id='dropothersizes'></div></div> <div class='nosize hide'>Please select a size</div> <div class="add-to-cart-quantity"><label class="quantity-label" for="Quantity_18294_22653">Quantity:</label> <input type="number" min="1" value="1" name="Quantity_18294_22653" id="Quantity_18294_22653" class="form-control quantity-field" maxlength="4"><input name="Quantity_vldt" type="hidden" value="[req][integer][number][blankalert=Please enter a quantity][invalidalert=Please enter a number for the quantity]"> </div> <span class="add-to-cart-selectors"> <select class="form-control size-select" name="Size_18294_22653" id="Size_18294_22653" ><option value="-,-">Size</option> <option value="One-Size,-O" >One-Size</option> </select> </span><span id='quantity-remaining' style='display: block;'></span> <div class="add-to-cart-buttons row"> <div class="col-xs-8 col-sm-6 col-xs-offset-2 col-sm-offset-0"> <input unbxdattr='AddToCart' unbxdparam_sku='B-SD601-P' type="button" id="AddToCartButton_18294_22653" name="AddToCartButton_18294_22653" class="button call-to-action add-to-cart" value="Add to Bag"> </div> <div class="col-xs-8 col-sm-6 col-xs-offset-2 col-sm-offset-0"><input type="button" id="AddToWishButton_18294_22653" name="AddToWishButton_18294_22653" class="button add-to-wishlist" value="Add to Love List" > </div> </div></div> <script type="text/javascript" language="Javascript" > $window_addLoad(function(){ var ctrl_AddToCartForm_18294_22653 = new aspdnsf.Controls.AddToCartForm(18294, 22653); ctrl_AddToCartForm_18294_22653.setValidationRoutine( function(){ return AddToCartForm_18294_22653_Validator(theForm) } ); ctrl_AddToCartForm_18294_22653.setUseAjaxBehavior(true); ctrl_AddToCartForm_18294_22653.registerButton('AddToCartButton_18294_22653', 0); ctrl_AddToCartForm_18294_22653.registerButton('AddToWishButton_18294_22653', 1); });</script> </div><script type="text/javascript"> $(document).ready(function(){ ajaxifyAddToCartForm(document.getElementById("AddToCartForm_18294_22653"), "ProductPic18294", 18294, 22653); }); </script><h5 class="product-shipping-promo"><a href="t-pbm-shipping.aspx">Free Shipping On All U.S. Orders</a></h5> <style> #QuickShopWrap div.add-to-cart-buttons div:nth-child(2) { display: inherit !important; } </style> </div> <div class="product-quickshop-description"> <ul> <li>100% Cotton</li> <li>Two printed baby burp cloths. 100% cotton with an absorbent polyester center pad. Machine washable.</li> <li>14" x 18".</li> <li>Import</li> <li>Machine Wash Warm With Like Colors, Tumble Dry Low</li> <li>Only available for shipping within the U.S.</li> </ul> </div> <div class="col-md-12 col-sm-12 col-xs-12" id="quickshop-more-link"><a href="/p-18294-swaddle-designs-pink-floral-baby-burpies.aspx?DepartmentID=6">See Full Details</a></div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function($) { $('.flexslider').flexslider({ animation: "slide", slideshow: false, animationLoop: false, directionNav: true, controlNav: false, slideToStart: 0, start: function(slider) { $('a.slide_thumb').click(function() { $('.flexslider').show(); var slideTo = $(this).attr("rel")//Grab rel value from link; var slideToInt = parseInt(slideTo)//Make sure that this value is an integer; if (slider.currentSlide != slideToInt) { slider.flexAnimate(slideToInt)//move the slider to the correct slide (Unless the slider is also already showing the slide we want); } }); } }); }); </script> <script type="text/javascript"> $( document ).ready(function() { $( ".ProdColorSwatch" ).click(function(e) { var ProductID = $(this).data('swatch-productid'); //alert(ProductID); $('.productPageTop').addClass('hide'); $('.ProductID_Wrap_' + ProductID).removeClass('hide'); var slider1 = $('.flexslider').data('flexslider'); slider1.resize(); //$(this).addClass('swatchselected').siblings().removeClass('swatchselected'); //$(this).closest('.pb-product').find('.ColorItem').addClass('hide'); //$(this).closest('.pb-product').find('.Color-' + ProductID).removeClass('hide'); }); }); </script> <script> $('.adtnl-sizes').appendTo( $('#dropothersizes') ); </script> <script> //PriceDelta $(document).ready(function() { $('.sizeswatch').click(function() { var PriceDelta = $(this).data('pricedelta'); var SalePrice = $(this).closest('.product-page-wrap').data('saleprice'); console.log(PriceDelta); //console.log(SalePrice); if(SalePrice) { if(PriceDelta) { var PriceSize = parseFloat(SalePrice) + parseFloat(PriceDelta); //console.log(PriceSize); $(this).closest('.product-page-wrap').find('.sale-price-range').html('$' + PriceSize); } } }); }); </script> </body> </html>