'+
//2nd col dynamic pull [women]
''+
''+
''
);
//hide all boutiques after 3
jQuery('.naFlyOut .naDynCol .catnav--list li:nth-child(3)').nextAll().hide()
//hover about nav present flyout
jQuery( ".newArrivalsCTA_wcd" ).hover( function()
thisNav = jQuery(this);
// indicateIt();
if( jQuery('.naFlyOut').css('display')=="block" )
//do nothing it's already there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.naFlyOut').fadeIn(250);
);
// hover upon flyout as well as browse, once you exit hide it again
jQuery(".naFlyOut").hover( function()
//let these browse
, function()
jQuery(this).fadeOut(250);
);
//========== men's category fly out ==========//
var mC ol1 = '', mCol2 = '', mCol3 = '', mCol4 = '';
var mRootCats = jQuery(".catnav--list[aria-label='men categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
mRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.mensFlyOut').html('
' + mCol1 + '
' + mCol2 + '
' + mCol3 + '
' + mCol4 + '
');
//hover about nav demonstrate flyout
jQuery( "#division5343" ).hover( function()
thisNav = jQuery(this);
// indicateIt();
if( jQuery('.mensFlyOut').css('display')=="block" )
//do absolutely nothing it's previously there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.mensFlyOut').fadeIn(250);
);
// hover on flyout and also browse, when you depart hide it again
jQuery(".mensFlyOut").hov er( function()
//let all of them browse
, function()
jQuery(this).fadeOut(250);
);
//========== women's class fly out ==========//
var wCol1 = '', wCol2 = '', wCol3 = '', wCol4 = '';
var wRootCats = jQuery(".catnav--list[aria-label='women categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
wRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.womensFlyOut').html('
' + wCol1 + '
' + wCol2 + '
' + wCol3 + '
' + wCol4 + '
');
//hover on nav display flyout
jQuery( "#division5002" ).hover(function()
//add indicator in which it actually is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.womensFlyOut').css('display')=="block")
//do nothing it's already th ere
in addition
jQuery('.flyOut').fadeOut(250);
jQuery('.womensFlyOut').fadeIn(250);
);
//hover upon flyout and also browse, when you exit hide it again
jQuery(".womensFlyOut").hover(
function()
//let these browse
, function()
jQuery(this).fadeOut(250);
);
//========== petites category fly out ==========//
var pCol1 = '', pCol2 = '', pCol3 = '', pCol4 = '';
var pRootCats = jQuery(".catnav--list[aria-label='petites categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
pRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.petitesFlyOut').html('
' + pCol1 + '
' + pCol2 + '
' + pCol3 + '
' + pCol4 + '
');
//hover in nav show flyout
jQuery( "#divisio n5122" ).hover(function()
//add indicator that it is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.petitesFlyOut').css('display')=="block")
//do absolutely nothing it's already there
in addition
jQuery('.flyOut').fadeOut(250);
jQuery('.petitesFlyOut').fadeIn(250);
);
//hover about flyout and also browse, once you leave hide it again
jQuery(".petitesFlyOut").hover(
function()
//let these people browse
, function()
jQuery(this).fadeOut(250);
);
//========== jewelry & accessories class fly out ==========//
var jCol1 = '', jCol2 = '', jCol3 = '', jCol4 = '';
var jRootCats = jQuery(".catnav--list[aria-label='jewelry & accessories categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
jRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatC id = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.jewelAccFlyOut').html('
' + jCol1 + '
' + jCol2 + '
' + jCol3 + '
' + jCol4 + '
');
//hover in nav demonstrate flyout
jQuery( "#division13357" ).hover(function()
//add indicator in which it truly is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.jewelAccFlyOut').css('display')=="block")
//do absolutely nothing it's previously there
else
jQuery('.flyOut').fadeOut(250);
jQuery('.jewelAccFlyOut').fadeIn(250);
);
//hover upon flyout and browse, when you exit hide it again
jQuery(".jewelAccFlyOut").hover(
function()
//let these browse
, function()
jQuery(this).fadeOut(250);
);
//========== shoes class fly out ==========//
var sCol1 = '', sCol2 = '', sCol3 = '', sCol4 = '';
var sRootCats = jQuery(".catnav--list[ aria-label='shoes categories'] > li");
var rootCatElt = '';
var rootCatCid = '';
sRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.shoesFlyOut').html('
' + sCol1 + '
' + sCol2 + '
' + sCol3 + '
' + sCol4 + '
');
//hover in nav present flyout
jQuery( "#division13358" ).hover(function()
//add indicator in which it is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.shoesFlyOut').css('display')=="block")
//do absolutely nothing it's currently there
otherwise
jQuery('.flyOut').fadeOut(250);
jQuery('.shoesFlyOut').fadeIn(250);
);
//hover about flyout and browse, once you leave hide it again
jQuery(".shoesFlyOut").hover(
function()
//let them browse
, function()
jQuery(this).fadeOut(250);
);
//factory hide nav menu
jQuery(".division48546").hover(function()
jQuery('.flyOut').fadeOut(250);
thisNav = jQuery(this);
, operate ()
jQuery(this).css('font-weight','normal');
);
//========== sale group fly out ==========//
var saCol1 = '', saCol2 = '', saCol3 = '';
// var saRootCats = jQuery(".catnav--list[aria-label='sale categories'] > li");
var saRootCats = jQuery(".catnav .catnav--list[aria-label='sale categories'] > li, .catnav .catnav--list[aria-label='sale categories'] .catnav--list > li");
var rootCatElt = '';
var rootCatCid = '';
saRootCats.each( function( idx, rootCat )
rootCatElt = jQuery( rootCat );
if( rootCatElt.length > 0 )
rootCatCid = rootCatElt.data('cid');
if( rootCatCid != '' )
);
jQuery('.saleFlyOut').html('
' + saCol1 + '
' + saCol2 + '
' + saCol3 + '
');
//hover in nav demonstrate flyout
jQuery( "#division1014329" ).hover(function()
//add indicator which it truly is ON
thisNav = jQuery(this);
// indicateIt();
if(jQuery('.saleFlyOut').css('display')=="block")
//do absolutely nothing it's already there
in addition
jQuery('.flyOut').fadeOut(250);
jQuery('.saleFlyOut').fadeIn(250);
);
//hover upon flyout as well as browse, once you leave hide it again
jQuery(".saleFlyOut").hover(
function()
//let them browse
, function()
jQuery(this).fadeOut(250);
);
jQuery('span[aria-label="sale"]').css('color','red');
// Implement close nav behaviod
jQuery('.closeNav').click(function()
jQuery('.flyOut').fadeOut(250);
)
//don't operate within shopping bag
//End your perform 'makeTheFlyOut'
jQuery(window).load(function()
var theBreakPoi nt = gap.Mediaqueries.currentBP.size;
// console.info('the breakpoint can be ' +theBreakPoint);
if(theBreakPoint == 'x-large')
// console.info('xl breakpoint');
makeTheFlyOut();
jQuery('.brand-bar-with-contents').hover(function()
jQuery('.flyOut').fadeOut(250);
);
//customer service page fix
jQuery('.infoPage .catnav--header, .infoPage .catnav--trimheader').addClass('topNavLeftNavFix_wcd_A');
jQuery('.infoPage .catnav--category, .infoPage .catnav--sale').addClass('topNavLeftNavFix_wcd_B');
//ADD your TIDs
var theTopNavLinks = jQuery('.dynLinkPull .catnav--list a');
theTopNavLinks.each(function()
var theActualLink = jQuery(this).attr('href');
var indyIt = jQuery(this).attr('aria-label').replace(/[^A-Z0-9]+/ig, "_"); //add inside the variable if you want to individualize your TID
var theTID = "&mlink=0000,12147468,flyout_topnav_"+indyIt+"&clink=12147468";
jQuery(th is).attr('href',theActualLink+theTID);
);
;
);
Tidak ada komentar:
Posting Komentar