<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="25150" data-saleprice="32.0000" class="productPageTop row-fluid product-page-wrap ProductID_Wrap_25150" 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/womens/large/25150_1_.jpg' alt='Faded Coral Long Flowy Open Front Plus Cardigan'/></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">Faded Coral Long Flowy Plus Cardigan</h1> <div class="price-tag"> <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" id=" VariantPrice_29622"> <link itemprop="availability" href="http://schema.org/InStock" content="In Stock"><div class="price-wrap"><span class="price regular-price">$37</span><span class="price sale-price">$32</span> <meta itemprop="price" content="$32.00"/><meta itemprop="priceCurrency" content="USD"/></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_25150_29622'> <script type="text/javascript" Language="JavaScript"> var size_board_25150_29622 = new Array(new Array('Out of Stock','1X','0'),new Array('Out of Stock','2X','0'),new Array('Out of Stock','3X','0')); var currentselectedsize_25150_29622 = 0; function selectsize_25150_29622(sizeindex){ document.getElementById('size_name_25150_29622_'+currentselectedsize_25150_29622).className = document.getElementById('size_name_25150_29622_'+currentselectedsize_25150_29622).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_25150_29622_'+currentselectedsize_25150_29622).className = document.getElementById('size_name_25150_29622_'+currentselectedsize_25150_29622).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_25150_29622_'+currentselectedsize_25150_29622).className += ' swatchAvailable'; currentselectedsize_25150_29622 = sizeindex; document.getElementById('size_name_25150_29622_'+sizeindex).className = document.getElementById('size_name_25150_29622_'+sizeindex).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_25150_29622_'+sizeindex).className = document.getElementById('size_name_25150_29622_'+sizeindex).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_25150_29622_'+sizeindex).className += ' swatchSelect'; document.getElementById('Size_25150_29622').selectedIndex=sizeindex+1; document.getElementById('sizeselection_25150_29622').innerHTML=size_board_25150_29622[sizeindex][1]; document.getElementById('sizeselectiononlyleft_25150_29622').innerHTML=size_board_25150_29622[sizeindex][0];} </script> <script type="text/javascript" Language="JavaScript">  </script> <input name="VariantStyle_25150_29622" id="VariantStyle_25150_29622" type="hidden" value="0"><input name="IsWishList_25150_29622" id="IsWishList_25150_29622" type="hidden" value="0"><input type="hidden" name="UpsellProducts_25150_29622" id="UpsellProducts_25150_29622" value="" class="aspdnsf_UpsellProducts" > <input type="hidden" name="CartRecID_25150_29622" id="CartRecID_25150_29622" value="0"> <input type="hidden" name="ProductID_25150_29622" id="ProductID_25150_29622" value="25150"> <input type="hidden" name="DepartmentID_25150_29622" id="DepartmentID_25150_29622" value="4"> <input type="hidden" name="VariantID_25150_29622" id="VariantID_25150_29622" value="29622"> <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_25150' class='display-dependency clearfix'> <li id="size_name_25150_29622_0"class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' onclick="selectsize_25150_29622(0)" class='sizeswatch outofstockbtn'><span class=''>1X</span></a></li> <li id="size_name_25150_29622_1"class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' onclick="selectsize_25150_29622(1)" class='sizeswatch outofstockbtn'><span class=''>2X</span></a></li> <li id="size_name_25150_29622_2"class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' onclick="selectsize_25150_29622(2)" class='sizeswatch outofstockbtn'><span class=''>3X</span></a></li> </ul> <ul id='other_size_25150' class='display-dependency clearfix hide'> <li class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' data-swatch-productid='25150' onclick="selectsize_25150_29622(0)" class='sizeswatch ProdColorSwatch outofstockbtn'><span class=''>1X</span></a></li> <li class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' data-swatch-productid='25150' onclick="selectsize_25150_29622(1)" class='sizeswatch ProdColorSwatch outofstockbtn'><span class=''>2X</span></a></li> <li class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='25150' data-swatch-productid='25150' onclick="selectsize_25150_29622(2)" class='sizeswatch ProdColorSwatch outofstockbtn'><span class=''>3X</span></a></li> </ul> <em id='sizeselection_25150_29622'>Select Size</em><span id='sizeselectiononlyleft_25150_29622' 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_25150_29622">Quantity:</label> <input type="number" min="1" value="1" name="Quantity_25150_29622" id="Quantity_25150_29622" 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_25150_29622" id="Size_25150_29622" ><option value="-,-">Size</option> <option value="1X,-1X" >1X</option> <option value="2X,-2X" >2X</option> <option value="3X,-3X" >3X</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='WP-VT5019KP-C' type="button" id="AddToCartButton_25150_29622" name="AddToCartButton_25150_29622" 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_25150_29622" name="AddToWishButton_25150_29622" 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_25150_29622 = new aspdnsf.Controls.AddToCartForm(25150, 29622); ctrl_AddToCartForm_25150_29622.setValidationRoutine( function(){ return AddToCartForm_25150_29622_Validator(theForm) } ); ctrl_AddToCartForm_25150_29622.setUseAjaxBehavior(true); ctrl_AddToCartForm_25150_29622.registerButton('AddToCartButton_25150_29622', 0); ctrl_AddToCartForm_25150_29622.registerButton('AddToWishButton_25150_29622', 1); });</script> </div><script type="text/javascript"> $(document).ready(function(){ ajaxifyAddToCartForm(document.getElementById("AddToCartForm_25150_29622"), "ProductPic25150", 25150, 29622); }); </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% Polyester</li> <li>A solid plus cardigan. Open front.</li> <li>44 inches from high point of shoulder to hem. Measured from 1X.</li> <li>U.S.A.</li> <li>Hand Wash Cold, Hang Dry</li> </ul> </div> <div class="col-md-12 col-sm-12 col-xs-12" id="quickshop-more-link"><a href="/p-25150-faded-coral-long-flowy-open-front-plus-cardigan.aspx?DepartmentID=4">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>