<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="41462" data-saleprice="8.0000" class="productPageTop row-fluid product-page-wrap ProductID_Wrap_41462" 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/41462_1_.jpg' alt='Gold Beaded Hoop Earrings'/></li> <li class='slide' data-slide-index='1'><img class='' src='images/product/maternity/large/41462_3_.jpg' alt='Gold Beaded Hoop Earrings'/></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">Gold Beaded Hoop Earrings</h1> <div class="price-tag"> <div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer" id=" VariantPrice_46069"> <link itemprop="availability" href="http://schema.org/InStock" content="In Stock"><div class="price-wrap"><span class="price sale-price">$8</span> <meta itemprop="price" content="8.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_41462_46069'> <script type="text/javascript" Language="JavaScript"> var size_board_41462_46069 = new Array(new Array('Out of Stock','One-Size','0')); var currentselectedsize_41462_46069 = 0; function selectsize_41462_46069(sizeindex){ document.getElementById('size_name_41462_46069_'+currentselectedsize_41462_46069).className = document.getElementById('size_name_41462_46069_'+currentselectedsize_41462_46069).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_41462_46069_'+currentselectedsize_41462_46069).className = document.getElementById('size_name_41462_46069_'+currentselectedsize_41462_46069).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_41462_46069_'+currentselectedsize_41462_46069).className += ' swatchAvailable'; currentselectedsize_41462_46069 = sizeindex; document.getElementById('size_name_41462_46069_'+sizeindex).className = document.getElementById('size_name_41462_46069_'+sizeindex).className.replace( /(?:^|\s)swatchAvailable(?!\S)/g , '' ); document.getElementById('size_name_41462_46069_'+sizeindex).className = document.getElementById('size_name_41462_46069_'+sizeindex).className.replace( /(?:^|\s)swatchSelect(?!\S)/g , '' ); document.getElementById('size_name_41462_46069_'+sizeindex).className += ' swatchSelect'; document.getElementById('Size_41462_46069').selectedIndex=sizeindex+1; document.getElementById('sizeselection_41462_46069').innerHTML=size_board_41462_46069[sizeindex][1]; document.getElementById('sizeselectiononlyleft_41462_46069').innerHTML=size_board_41462_46069[sizeindex][0];} </script> <script type="text/javascript" Language="JavaScript">  </script> <input name="VariantStyle_41462_46069" id="VariantStyle_41462_46069" type="hidden" value="0"><input name="IsWishList_41462_46069" id="IsWishList_41462_46069" type="hidden" value="0"><input type="hidden" name="UpsellProducts_41462_46069" id="UpsellProducts_41462_46069" value="" class="aspdnsf_UpsellProducts" > <input type="hidden" name="CartRecID_41462_46069" id="CartRecID_41462_46069" value="0"> <input type="hidden" name="ProductID_41462_46069" id="ProductID_41462_46069" value="41462"> <input type="hidden" name="DepartmentID_41462_46069" id="DepartmentID_41462_46069" value="7"> <input type="hidden" name="VariantID_41462_46069" id="VariantID_41462_46069" value="46069"> <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_41462' class='display-dependency clearfix'> <li id="size_name_41462_46069_0"class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='41462' onclick="selectsize_41462_46069(0)" class='sizeswatch outofstockbtn'><span class=''>O/S</span></a></li> </ul> <ul id='other_size_41462' class='display-dependency clearfix hide'> <li class='swatchAvailable ' title='Click to select'><a data-pricedelta='0.0' data-nm-productid='41462' data-swatch-productid='41462' onclick="selectsize_41462_46069(0)" class='sizeswatch ProdColorSwatch outofstockbtn'><span class=''>O/S</span></a></li> </ul> <em id='sizeselection_41462_46069'>Select Size</em><span id='sizeselectiononlyleft_41462_46069' 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_41462_46069">Quantity:</label> <input type="number" min="1" value="1" name="Quantity_41462_46069" id="Quantity_41462_46069" 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_41462_46069" id="Size_41462_46069" ><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='A-J5JE0451-GLD' type="button" id="AddToCartButton_41462_46069" name="AddToCartButton_41462_46069" 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_41462_46069" name="AddToWishButton_41462_46069" 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_41462_46069 = new aspdnsf.Controls.AddToCartForm(41462, 46069); ctrl_AddToCartForm_41462_46069.setValidationRoutine( function(){ return AddToCartForm_41462_46069_Validator(theForm) } ); ctrl_AddToCartForm_41462_46069.setUseAjaxBehavior(true); ctrl_AddToCartForm_41462_46069.registerButton('AddToCartButton_41462_46069', 0); ctrl_AddToCartForm_41462_46069.registerButton('AddToWishButton_41462_46069', 1); });</script> </div><script type="text/javascript"> $(document).ready(function(){ ajaxifyAddToCartForm(document.getElementById("AddToCartForm_41462_46069"), "ProductPic41462", 41462, 46069); }); </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>Lead and Nickel Compliant</li> <li>Textured hoop earrings with a beaded accent.</li> <li>Diameter: 2"</li> <li>Import</li> </ul> </div> <div class="col-md-12 col-sm-12 col-xs-12" id="quickshop-more-link"><a href="/p-41462-gold-beaded-hoop-earrings.aspx?DepartmentID=7">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> <script> $(document).ready(function() { $(".sizeswatch span").text(function () { return $(this).text().replace("23", "2/3"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("45", "4/5"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("67", "6/7"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("78", "7/8"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("910", "9/10"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("1113", "11/12"); }); $(".sizeswatch span").text(function () { return $(this).text().replace("1314", "13/14"); }); }); </script> </body> </html>