Naya | Remy Human Hair Wig by Vivica Fox (2024)

Item #: VF37138

'); } function addSwatch(item,index) { //console.log(item); if (item.image != 'missing') { if (item.isBackorder==1) { //$('.swatch-tabs .tabs-content #sw-tab-ALL-pane').append(''); } else { $('.swatch-tabs .tabs-content #sw-tab-ALL-pane').append(''); } if (item.isBackorder!=1) { $('.swatch-tabs .tabs-content #sw-tab-'+item.swatch_group.replace(" ","-")+'-pane').append(''); } // add descriptions let isBackorder = $('.wdps option[data-full-name="'+item.value+'"]').data('backorder'); if (item.description != "") { if (isBackorder!=1) { $('.wdps option[data-full-name="'+item.value+'"]').append(' | '+item.description); } } if (item.saleType==3 || item.saleType==4) { $('.swatch-tabs-closeout .swatches').append(''); } if (item.isBackorder==1) { $('.swatch-tabs .tabs-content #sw-tab-BACKORDER-pane').append(''); } } } function addSwatchBackorders(item,index) { //console.log(item); if (item.image != 'missing') { if (item.isBackorder==1) { $('.swatch-tabs .tabs-content #sw-tab-ALL-pane').append(''); } // add descriptions let isBackorder = $('.wdps option[data-full-name="'+item.value+'"]').data('backorder'); if (item.description != "") { if (isBackorder==1) { $('.wdps option[data-full-name="'+item.value+'"]').append(' | '+item.description+' - BACKORDER'); } } else { if (isBackorder==1) { $('.wdps option[data-full-name="' + item.value + '"]').append('| - BACKORDER'); } } } } function formatOutput (optionElement) { //var element = optionElement.element; //console.log(element); const temp = optionElement.text.split(" | "); if (temp[1]!==undefined) { if (temp[2]!==undefined) { //backorder var $bold = $('' + temp[1] + ' | '+temp[2]+' - '+temp[0]+''); } else { var $bold = $('' + temp[0] + ' | '+temp[1]+''); } } else { var $bold = $('' + temp[0] + ''); } return $bold; }; function getSwatches() { var swatches = []; var saleTypes = []; var isBackorders = []; var closeoutPrice = ''; var compareAtPrice = ''; var listPrice = ''; var variantCount = 0; var noOfSaleType5 = 0;variantCount += 1; swatches.push('1'); saleTypes.push('0'); isBackorders.push('1');variantCount += 1; swatches.push('Natural'); saleTypes.push('0'); isBackorders.push('1');//console.log(swatches); var sendData = { swatches: swatches, saleTypes: saleTypes, isBackorders: isBackorders, manufacturer: "Vivica Fox", variantCount: variantCount, noOfSaleType5: noOfSaleType5 }; var url = 'https://app.bestwigoutlet.com/inc/ajax/swatch-request'; $.post({ url: url, data: sendData, success: function(data) { //console.log(data); const returnData = JSON.parse(data); $('.swatch-tabs .tabs-nav').append('ALL'); $('.swatch-tabs .tabs-content').append(''); //returnData.groups.forEach(addGroup); for (const key in returnData.groups) { addGroup(returnData.groups,key); } if (returnData.closeoutCount>0) { let pctOff = 100-((parseInt(closeoutPrice)*100)/parseInt(compareAtPrice)); $('.swatch-tabs-closeout .stc-top').append('

Closeout - '+Shopify.formatMoney(closeoutPrice)+' '+parseFloat(pctOff).toFixed(0)+'% OFF

'); } if (returnData.swatchCount==0) { $('.swatch-tabs').remove(); $('.swatch-tabs-closeout').remove(); $('.current-swatch-container').remove(); $('body').append(''); } returnData.swatches.forEach(addSwatch); returnData.swatches.forEach(addSwatchBackorders); //$('.wdps').select2(); $('.wdps').select2({ sorter: data => data.sort((a, b) => a.text.localeCompare(b.text)), templateResult: formatOutput }); }, error: function (data) { console.log("An error has occurred while fetching swatches."); } }); } $(document).ready(function (){ $('.add_to_cart').addClass('disabled').html('Choose a Color') function updateMoreStyles(swatchValue){ const moreStylesLink = '/collections/vivica-fox?filter.v.option.color='+swatchValue; if (swatchValue != undefined) { $('.more-styles').html('

View more styles in color: '+swatchValue+'

'); } } // SWATCH CLICK $('body').on('click','.swatch-thumb',function (){ $('.current-swatch img').attr('src',$('img', this).attr('src')); $('.swatch-thumb').removeClass('active'); $(this).addClass('active'); let swatchValue = $(this).data('full-name'); let variantID = $('.wdps option[data-full-name="'+swatchValue+'"]').val(); $('.wdps').val(variantID).change(); updateMoreStyles(swatchValue); }); //THUMBNAIL CLICK $('.product-gallery__thumbnail').click(function () { let dataVariant = $(this).find('img').data('variant'); if ($('.wdps option[data-full-name="'+dataVariant+'"]').length>0) { $('.wdps option[data-full-name="'+dataVariant+'"]').prop('selected', true); $('.wdps').trigger('change'); } }); // DROPDOWN CHANGE $(document).ready(function() { $('.wdps').change(function (){ let swatchValue = $('.wdps option:selected').data('full-name'); let $galleryElement = $('.product-gallery__thumbnail img[data-variant*="'+swatchValue+'"]').parent(); if ($galleryElement.length > 0) { $('.product-gallery__main').flickity('select',$galleryElement.index()); } $('.single-option-selector').val(swatchValue).change(); let swatchSRC = $('.swatch-thumb[data-full-name="'+swatchValue+'"] img').attr('src'); $('.current-swatch img').attr('src',swatchSRC); $('.swatch-thumb').removeClass('active'); $('.swatch-thumb[data-full-name="'+swatchValue+'"]').addClass('active'); updateMoreStyles(swatchValue); if ($(this).val()=='Choose a Color') { $('.add_to_cart').html('Choose a Color').addClass('disabled'); $('.current-price .was').remove(); } }); }); //SWATCH TABS $('body').on('click','.sw-tab-toggle',function (){ if (!$(this).hasClass('active')) { $('.sw-tab-toggle').removeClass('active'); $(this).addClass('active'); var id = $(this).data('pane'); //$(".wdps")[0].selectedIndex = 0; //$('.wdps').change(); $('.more-styles').html(""); //$('.current-swatch img').attr('src',"//www.bestwigoutlet.com/cdn/shop/t/4/assets/choose-a-color.jpg?v=6007668896895077241630919447"); $('.sw-tab-pane.active').animate({opacity:0},200,'linear',function (){ $('.sw-tab-pane').css('display','none').removeClass('active'); if ($(window).width() < 768) { $('#'+id).css('display','flex').css('opacity','1').addClass('active'); } else { $('#'+id).css('display','block').css('opacity','1').addClass('active'); } }); } // SELECT FIRST VARIANT setTimeout(function () { $(".sw-tab-pane.active .swatch-thumb").first().click(); },250); }); //INIT getSwatches(); });

Enter to Win