0
</noscript></div></div> </div> <div class="WebSiteHtmlCodeTop" ID="WebSiteHtmlCodeTop-HC5"> <script> /* SFNOTE_BEGIN:prevent script execution when in editing mode */ if(typeof(tf)!='undefined'&&(typeof(tf.isInSF)=='undefined'||!tf.isInSF())){ /* SFNOTE_END:prevent script execution when in editing mode */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'G-58L8Z22T9Q', 'auto'); ga('send', 'pageview'); /* SFNOTE_BEGIN:prevent script execution when in editing mode */ } /* SFNOTE_END:prevent script execution when in editing mode */ </script> </div> <div class="WebSiteHtmlCodeTop" ID="WebSiteHtmlCodeTop-HC6"> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-575536369"></script> <script> /* SFNOTE_BEGIN:prevent script execution when in editing mode */ if(typeof(tf)!='undefined'&&(typeof(tf.isInSF)=='undefined'||!tf.isInSF())){ /* SFNOTE_END:prevent script execution when in editing mode */ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-575536369'); gtag('event', 'purchase', {<ecommerce_parameters>}); gtag('event', 'add_to_cart', {<ecommerce_parameters>}); gtag('event', 'view_item', {<ecommerce_parameters>}); gtag('event', 'begin_checkout', {<ecommerce_parameters>}); /* SFNOTE_BEGIN:prevent script execution when in editing mode */ } /* SFNOTE_END:prevent script execution when in editing mode */ </script> </div> <div id="WebSite" class="GC38"> <div id="WebSiteHeader" class="GC39 LayoutObject"> <div id="WebSiteHeaderInner" class="WebSiteHeaderInner"> <div id="TopBar" class="GC89 TopBar"> <div id="TopBarDesign" class="GC89 TopBarDesign"></div> </div> <div id="DesignImage1" class="GC26 DesignImage1"> <span id="DesignBar1" class="GC26 top-designbar" sf:fixedwidth="1920"></span> <div class="header-mid-bar"> <div class="title-wrapper"> <div id="CompanyImage" class="smaller"> <a href="../../index.html" title="APE Display"> <img width="156" height="50" src="../media/trans.gif" data-echo="../media/b_NEw-logo-test-_20230220135556.png" class="DataEchoLoaded" id="I" name="I" border="0" alt="APE Display" title="APE Display" hspace="0" vspace="0" align="" onmouseover="window.status='APE Display';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <div class="wrap_bottom"> <div class="top-right"> <div id="Search" class="GC86"> <div id="search-wrapp" class="search-wrapper-new"> <form name="search"> <input class="GC22 SearchTextField" type="text" id="phrase" name="phrase" size="12" maxlength="40" placeholder="Search Phrase" /> <a id="serachIcon" class="GC48 icon-search2 SearchButton" title="Find" href="#"></a> <a class="GC48 icon-zoom-in2 SearchButton SearchButtonAdvanced" title="Advanced Search" href="#"></a> </form> </div> </div> <div id="MiniCart" class="GC36"> <div id="MiniCartTotal" class="MiniCartTotal"> <a href="#" class="MiniCartLink MiniCartInner" title="My cart"> <i id="minicart-icon" class="GC36 sf-corner icon-cart MiniCartDesignImage1"></i> <span class="GC36 MiniCartTotalItemsQuantity sf-corner">0</span><!-- <span class="MiniCartTotalAmount"></span> <span class="MiniCartTotalSummary"></span> <span class="MiniCartTotalItemsQuantity"></span> <span class="MiniCartTotalTotalText"></span> <span class="MiniCartTotalPlusExpenses"></span> <span class="MiniCartTotalPlusExpensesText"></span> <span class="MiniCartTotalList"></span> --> </a> </div> </div> <div id="SwitchCurrency"> <a href="#" class="SwitchCurrencyLink" title="Pick your currency"> <i id="currencySymbol" class="GC36 currencySymbol"></i> <script type="text/javascript"> function SwitchCurrencyLink_ShowSymbol() { if (!tf.bskLoaded) setTimeout(SwitchCurrencyLink_ShowSymbol, 500); $('.SwitchCurrencyLink #currencySymbol').html(tf.currentCurrency.abbrev); } SwitchCurrencyLink_ShowSymbol(); </script> </a> </div> </div> </div> </div> </div> <div id="Index2-spacer"> <div id="Index2Bar" class="GC32 Index2Bar"></div> <div id="Index2" class="GC32 Index2"> <script src="../../shared_files/jquery.menu-aim.js" defer="true"></script> <script src="../../shared_files/jquery.megamenu.js" defer="true"></script> <script type="text/javascript" src="../media/packery.pkgd.min.js"></script> <script type="text/javascript"> $(function(){ $('.Index2').on('load', function(){ var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1'); var GCNum = [ {'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'}, {'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'} ][idxNum-1]; $('.idx'+idxNum+'Submenu').empty(); var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true); if ($branch.length > 0) { var $subpageNavigation = $('#idxSubpageNavigationAlt'); if ($subpageNavigation.length == 0) { $subpageNavigation = $('#idxSubpageNavigation'); if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>'); var placed = false, $placement = $('.PageTitle'); if ($placement.length > 0) { $placement.after($subpageNavigation); if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; } if (!placed) { var selectors = ['.PageIntroduction', '.PageDescription']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.before($subpageNavigation); if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; break; } } } if (!placed) { var selectors = ['#PageContainer1', '#PageContainer11']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.append($subpageNavigation); break; } } } } $subpageNavigation .width('auto') .removeClass('GC28 GC32') .append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>'); $branch.find('> li > ul, i[class*=icon-], li.see-all').remove(); $branch.find('> li') .on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .addClass('idx'+idxNum+'Sub') .find('> a') .on('mouseover', function(){tf.navOvr(this, '', '');}) .on('mouseout', function(){tf.navOut(this, '', '');}) .addClass('idx'+idxNum+'Sub') ; var mh = 0; $branch.find('> li > a > img').each(function(){ var hasImg = !!$(this).attr('src'); if (!hasImg) $(this).hide(); mh = Math.max(mh, $(this).css('max-height')); }); var prop = (mh ? 'height:'+mh+'px;' : ''); $branch.find('> li > a').each(function(){ if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>'); else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>'); $(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>'); }); $('.idx'+idxNum+'Submenu').empty().append($branch); $(window).on('load resize', function () { var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container); var outerSpace = $items.outerWidth(true) - $items.width(); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 8, itemMaxWidth = 260, w = 0; for (var n = 1; n <= maxColumns; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $items.width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); if(tf.echo)tf.echo.render(); }); $(window).trigger('resize'); } $('> ul[class*=idx]',$(this)) .sfMegaMenu({ 'submenuDirection':'below', 'layout':'mega', 'showImages':1, 'iconOpenRight':'icon-arrow-right3', 'iconOpenDown':'icon-arrow-down3', 'iconNoImage':'icon-image', 'iconPin':'icon-pushpin', 'idxNum':idxNum, 'onLoad':function() { var $idxSlider = $('#Index2 > .idx2List'); $('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove(); function setIdxSlider() { $idxSlider.parent().width('100%').css('float','none'); $idxSlider .on('cellSelect', function(){ var flkty = $(this).data('flickity'); if (flkty) { if (flkty.selectedIndex == $(this).data('selectedIndex')) return; if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) { if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex'); else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--; } $(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')}); } }) .on('settle', function(){ var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0; if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4])); if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled'); else $('.next', this).removeAttr('disabled'); }) .flickity({ cellAlign: 'left', contain: true, wrapAround: false, autoPlay: false, draggable: true, freeScroll: true, setGallerySize: false, prevNextButtons: true, pageDots: false, percentPosition: false }) .flickity('resize') .find('.flickity-viewport') .find('.flickity-slider').addClass('idx2List') .end() .parentsUntil('[id^=WebSite]').each(function(){ var zIndex = $(this).css('z-index'); if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001); }) ; } function unsetIdxSlider() { if ($idxSlider.hasClass('flickity-enabled')) { $idxSlider .flickity('destroy') ; } $idxSlider.parent().css({'float':''}); } $(window).on('resize', function () { unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'}); if ($('#WebSite').width() > 619) { var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1; $('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); }); if (w-1 > wContainer) { setIdxSlider(); $idxSlider.flickity('resize'); setTimeout(function(){$idxSlider.flickity('reposition');}, 200); } else if (w < wContainer) unsetIdxSlider(); } }); $(window).trigger('resize'); }, 'onAfterOpen':function(o, b){ $('.sfmm-dropdown-content').packery({ itemSelector: '.sfmm-dropdown-content > li', gutter:0 }); } }) .find('> li > a > .thumbnail-inner, > li > a > img').remove() .end() .parent().find('.idx2List > li > a > span').addClass('vcenter'); }); }); </script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script> <!-- Version tag, please don't remove $Revision: 46130 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-MEGAPIX-1_1/toplevel.html $ --> <i class="icon-spinner2 icon-fa-spin"></i> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.Index2').load(tf.wm.url('d-33.html','-',true)+' ',function(){ if(tf.isEntryPage){ jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true); }); jQuery('.Index2 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));}); } else { jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) { this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); } }); } jQuery('.Index2').trigger('load'); }); }); </script> </div><div id="idx2Sentinel"></div> </div> <!-- SFNOTE_END: IndexCodeSnippetBottom --></div> </div> <div id="WebSiteContent" class="GC1 inner-content"> <div id="Content" class="GC24 ContentBody"> <div itemtype="http://schema.org/BreadcrumbList" class="GC6 Breadcrumbs" itemscope="" ID="Breadcrumbs-D11069"> <div class="GC6 breadcrumDesign"></div> <div class="BreadcrumbsTrail"> <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="../../index.html" title="Home " itemprop="item"> <span itemprop="name">Home </span><meta itemprop="position" content="0" /> </a> </nobr> <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display:none;"> <a href="d11069_Hooks.html" title="Hooks" itemprop="item"> <span itemprop="name">Hooks</span><meta itemprop="position" content="1" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>Hooks</span></nobr> </div> </div> <div id="PageContainer11" class="EqualHeight_PageContainer1"> <!-- Page elements are kept in this div so the if statement above may make room for PageLinkBox --> <div id="PageContainer1" class="EqualHeight_PageContainer1"> <script type="text/javascript">tf.lastpage=tf.wm?tf.wm.jfile(location.href):'';tf.nametag.add('lastpage',tf.lastpage);tf.lastdeptpage=tf.wm?tf.wm.jfile(location.href):'';tf.nametag.add('lastdeptpage',tf.lastdeptpage);</script> <script type="text/javascript"> /*<![CDATA[*/ function mfw(){var a='<div style="line-height:0.01em;height:0;overflow-y:hidden;">';for(var n=0;n<20;n++)a+='<!-- MakeFullWidth'+n+' -->';a+='</div>';dw(a);} var jsloaded=false,opt=[]; function add_opt(id,name,title,type,opttype,combine){opt[opt.length]=[id,name.replace(/ /g,''),title.replace(/ /g,''),type,opttype,combine];} var sfAddRef=[]; function getAddDiv(){return gl('sfLightBox');} function sfAddPop(name,isLang){if(!isInSF()&&tf.utils){if(!name)name='pconfirm'; sfAddRef=[];tf.utils.showPopup(tf.wm.url(name+'.html',tf.lmd[name],isLang),630,190,true,false,false,'AddToBasket');}} function sfAddUnpop(){if(tf.utils){if(jQuery('#sfLightBox.AddToBasket').length>0)tf.utils.sfMediaBox.closeBox();}} var bpriceArr=[],ppriceArr=[],weightArr=[],crFFldArr=[],ppriceCrossPromotionArr=[],bpriceCrossPromotionArr=[]; function ppriceDsp(n){var cc=tf.currentCurrency,dd=cc.decimal_places,cm=cc.multiplier,sm=tf.shopCurrency.multiplier,dec=Math.pow(10,dd),s=''+(Math.round((n*cm/sm)*dec)/dec),dp=s.indexOf('.');if(dp==-1)dp=s.length;else dp++;s+=(s.indexOf('.')==-1&&dd>0?'.':'')+'00000'.substr(0,dd-(s.length-dp));return s;} function ppriceDscPct(dsc,prc){dsc=ppriceDsp(prc-(prc*dsc/100));return dsc;} function dBasePrice2(Id,arr,w){if(!arr)return;if(!w)w=window;arr=arr.split(core.str_sep1);if(w.document.getElementById('ProductBasePrice-'+Id)){var bpriceHTML=core.bprice([Id,arr[4],arr[5],arr[6],arr[2]]);if(bpriceHTML!='')w.document.getElementById('ProductBasePrice-'+Id).innerHTML=bpriceHTML;}} /*]]>*/ </script> <style type="text/css"> .ProductImageContainer{position:relative;text-align:center;} .ProductImageCaption{clear:both;} .ProductImage,.ProductImage a{position:relative;} .ProductImage a{display:block;} .ProductImage a img{display:block;margin:0 auto;} .ThumbnailSliderContainer{position:relative;line-height:100%;float:right;padding:5px 5px 5px 4px;} .ThumbnailSlider .ThumbnailSliderItem{display:block;background-color:transparent;margin-bottom:5px;text-align:center;} .ThumbnailSlider [class^=icon] {cursor:pointer;} .ThumbnailSliderMoreLink{text-decoration:underline;font-weight:bold;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSliderContainer {float:none;width:100%;overflow:hidden;margin:10px 0 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider {white-space:nowrap;position:relative;overflow:hidden;height:auto!important;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider .ThumbnailSliderItem {display:inline-block;margin:0 10px 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider img {max-height:80px;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider div[id^=ms_] {width:1000%;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider [class^=icon-] {padding:2px;height:24px!important;font-size:24px!important; width:20px!important; } .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_left, .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_right {display:inline-block;} .ProductImageContainer.ThumbnailSlider-horizontal .ImgLink.HasSlider {width:100%!important;float:none;} </style> <script type="text/javascript"> $(document).ready(function(){ var touchDevice=(/Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(navigator.userAgent)); $('.Product').hover(function(){ $(this).find('a[href] .ProductFilter').show(); }, function(){ $(this).find('a[href] .ProductFilter').hide(); }); if (touchDevice) { $('.Product a[href] .ProductFilter').show().css('opacity',0.01); } }); </script> <style> .NoImage, .NoImage a { position: static !important; } </style> <form name="productForm" id="ProductLoop"> <!-- Require IcoMoon --><div id="ProductLoopInner"> <div class="GC75 Product" ID="Product-P170258"> <a href="d12089_Slatwall-Hooks.html" onclick="cancelBuble(event);var s='d12089_Slatwall-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P170258", "sku":"P170258", "name":"Slatwall Hooks", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p170258_Slatwall-Hooks.html", "itemCondition":"NewCondition", "availability":"InStock", "priceCurrency":"GBP", "category":"Business%20%26%20Industrial%20%3e%20Retail%0a", "priceValidUntil":"2099-12-31", "seller":{ "@type":"Organization", "name":"A.P. Engineering (Portsmouth) Ltd", "address":{ "streetAddress":"6a Fitzherbert Spur, Farlington, Portsmouth", "@type":"PostalAddress" } } }, "image":"d12089_Slatwall-Hooks.html" }] </script> <a name="p170258"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P170258'); var b=core.load_add(d,type,'P170258','Slatwall Hooks','0.00','','0',0,'','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P170258',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P170258(type,temp);},500);return 0;} } /*]]>*/ </script> <div id="ProductImageContainer-P170258" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P170258" class="ProductImage"> <a src="d12089_Slatwall-Hooks.html" tn="../media/t_J8C-EA_20241007105016.png" id="ProductThumbnailImage-P170258" onclick="cancelBuble(event);var s='d12089_Slatwall-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(decodeURIComponent(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=decodeURIComponent(s);}return false;" class=""> <img width="260" height="260" src="../media/trans.gif" data-echo="../media/t_J8C-EA_20241007105016.png" class="DataEchoLoaded" id="IP170258" name="IP170258" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P170258 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P170258(){var elTSPIC=gl('ProductImageContainer-P170258'),elTSPI=gl('ProductImage-P170258'),elTSI=gl('IP170258'); if(!elTSPIC||!elTSPI||!elTSI)return; if(elTSI&&elTSI.width&&!tf.isIE7&&!tf.isIE8){elTSPIC.style.width='';elTSPIC.style.width=(elTSI.getAttribute('width')?elTSI.getAttribute('width')+'px':elTSI.width+'px');} elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P170258); jQuery('#IP170258').on('imageLoaded',ProductImageGroupSizer_P170258); </script> </div> <div class="ProductContainer3"> <a href="d12089_Slatwall-Hooks.html" onclick="cancelBuble(event);var s='d12089_Slatwall-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <h3 class="GC37 ProductTitle" ID="ProductTitle-P170258">Slatwall Hooks</h3> </a> </div> <div class="ProductPriceContainer"> <input type="hidden" name="ProductPriceLayout" /> <div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P170258"></div><script type="text/javascript">ppriceArr.push(['P170258','','','0.000',0]);</script> <div class="GC55 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P170258"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P170258" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P170258" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> </div> <div class="GC75 Product" ID="Product-P115169"> <a href="d11070_Mesh-Hooks.html" onclick="cancelBuble(event);var s='d11070_Mesh-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115169", "sku":"P115169", "name":"Mesh Hooks", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115169_Mesh-Hooks.html", "itemCondition":"NewCondition", "availability":"InStock", "priceCurrency":"GBP", "category":"Business%20%26%20Industrial%20%3e%20Retail%0a", "priceValidUntil":"2099-12-31", "seller":{ "@type":"Organization", "name":"A.P. Engineering (Portsmouth) Ltd", "address":{ "streetAddress":"6a Fitzherbert Spur, Farlington, Portsmouth", "@type":"PostalAddress" } } }, "image":"d11070_Mesh-Hooks.html" }] </script> <a name="p115169"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115169'); var b=core.load_add(d,type,'P115169','Mesh Hooks','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115169',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115169(type,temp);},500);return 0;} } /*]]>*/ </script> <div id="ProductImageContainer-P115169" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115169" class="ProductImage"> <a src="d11070_Mesh-Hooks.html" tn="../media/t_hooks-on-mesh_20220628141348.jpg" id="ProductThumbnailImage-P115169" onclick="cancelBuble(event);var s='d11070_Mesh-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(decodeURIComponent(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=decodeURIComponent(s);}return false;" class=""> <img width="260" height="144" src="../media/trans.gif" data-echo="../media/t_hooks-on-mesh_20220628141348.jpg" class="DataEchoLoaded" id="IP115169" name="IP115169" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P115169 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115169(){var elTSPIC=gl('ProductImageContainer-P115169'),elTSPI=gl('ProductImage-P115169'),elTSI=gl('IP115169'); if(!elTSPIC||!elTSPI||!elTSI)return; if(elTSI&&elTSI.width&&!tf.isIE7&&!tf.isIE8){elTSPIC.style.width='';elTSPIC.style.width=(elTSI.getAttribute('width')?elTSI.getAttribute('width')+'px':elTSI.width+'px');} elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P115169); jQuery('#IP115169').on('imageLoaded',ProductImageGroupSizer_P115169); </script> </div> <div class="ProductContainer3"> <a href="d11070_Mesh-Hooks.html" onclick="cancelBuble(event);var s='d11070_Mesh-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <h3 class="GC37 ProductTitle" ID="ProductTitle-P115169">Mesh Hooks</h3> </a> </div> <div class="ProductPriceContainer"> <input type="hidden" name="ProductPriceLayout" /> <div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P115169"></div><script type="text/javascript">ppriceArr.push(['P115169','','TD1','0.000',0]);</script> <div class="GC55 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P115169"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P115169" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P115169" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> </div> <div class="GC75 Product" ID="Product-P115168"> <a href="d11073_J-Hooks.html" onclick="cancelBuble(event);var s='d11073_J-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115168", "sku":"P115168", "name":"J Hooks", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115168_J-Hooks.html", "itemCondition":"NewCondition", "availability":"InStock", "priceCurrency":"GBP", "category":"Business%20%26%20Industrial%20%3e%20Retail%0a", "priceValidUntil":"2099-12-31", "seller":{ "@type":"Organization", "name":"A.P. Engineering (Portsmouth) Ltd", "address":{ "streetAddress":"6a Fitzherbert Spur, Farlington, Portsmouth", "@type":"PostalAddress" } } }, "image":"d11073_J-Hooks.html" }] </script> <a name="p115168"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115168'); var b=core.load_add(d,type,'P115168','J Hooks','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115168',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115168(type,temp);},500);return 0;} } /*]]>*/ </script> <div id="ProductImageContainer-P115168" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115168" class="ProductImage"> <a src="d11073_J-Hooks.html" tn="../media/t_J-hooks-redone.png" id="ProductThumbnailImage-P115168" onclick="cancelBuble(event);var s='d11073_J-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(decodeURIComponent(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=decodeURIComponent(s);}return false;" class=""> <img width="260" height="194" src="../media/trans.gif" data-echo="../media/t_J-hooks-redone.png" class="DataEchoLoaded" id="IP115168" name="IP115168" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P115168 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115168(){var elTSPIC=gl('ProductImageContainer-P115168'),elTSPI=gl('ProductImage-P115168'),elTSI=gl('IP115168'); if(!elTSPIC||!elTSPI||!elTSI)return; if(elTSI&&elTSI.width&&!tf.isIE7&&!tf.isIE8){elTSPIC.style.width='';elTSPIC.style.width=(elTSI.getAttribute('width')?elTSI.getAttribute('width')+'px':elTSI.width+'px');} elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P115168); jQuery('#IP115168').on('imageLoaded',ProductImageGroupSizer_P115168); </script> </div> <div class="ProductContainer3"> <a href="d11073_J-Hooks.html" onclick="cancelBuble(event);var s='d11073_J-Hooks.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <h3 class="GC37 ProductTitle" ID="ProductTitle-P115168">J Hooks</h3> </a> </div> <div class="ProductPriceContainer"> <input type="hidden" name="ProductPriceLayout" /> <div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P115168"></div><script type="text/javascript">ppriceArr.push(['P115168','','TD1','0.000',0]);</script> <div class="GC55 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P115168"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P115168" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P115168" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> </div> <div class="GC75 Product" ID="Product-P115167"> <a href="d11072_S-Hooks-.html" onclick="cancelBuble(event);var s='d11072_S-Hooks-.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115167", "sku":"P115167", "name":"S Hooks", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115167_S-Hooks.html", "itemCondition":"NewCondition", "availability":"InStock", "priceCurrency":"GBP", "category":"Business%20%26%20Industrial%20%3e%20Retail%0a", "priceValidUntil":"2099-12-31", "seller":{ "@type":"Organization", "name":"A.P. Engineering (Portsmouth) Ltd", "address":{ "streetAddress":"6a Fitzherbert Spur, Farlington, Portsmouth", "@type":"PostalAddress" } } }, "image":"d11072_S-Hooks-.html" }] </script> <a name="p115167"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115167'); var b=core.load_add(d,type,'P115167','S Hooks','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115167',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115167(type,temp);},500);return 0;} } /*]]>*/ </script> <div id="ProductImageContainer-P115167" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115167" class="ProductImage"> <a src="d11072_S-Hooks-.html" tn="../media/t_s-hooks-redone-.png" id="ProductThumbnailImage-P115167" onclick="cancelBuble(event);var s='d11072_S-Hooks-.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(decodeURIComponent(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=decodeURIComponent(s);}return false;" class=""> <img width="260" height="194" src="../media/trans.gif" data-echo="../media/t_s-hooks-redone-.png" class="DataEchoLoaded" id="IP115167" name="IP115167" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P115167 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115167(){var elTSPIC=gl('ProductImageContainer-P115167'),elTSPI=gl('ProductImage-P115167'),elTSI=gl('IP115167'); if(!elTSPIC||!elTSPI||!elTSI)return; if(elTSI&&elTSI.width&&!tf.isIE7&&!tf.isIE8){elTSPIC.style.width='';elTSPIC.style.width=(elTSI.getAttribute('width')?elTSI.getAttribute('width')+'px':elTSI.width+'px');} elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P115167); jQuery('#IP115167').on('imageLoaded',ProductImageGroupSizer_P115167); </script> </div> <div class="ProductContainer3"> <a href="d11072_S-Hooks-.html" onclick="cancelBuble(event);var s='d11072_S-Hooks-.html';if(s.indexOf('http')==0||s.indexOf('mailto')==0){window.open(unescape(s));}else{s=tf.wm.url(s,'-',s.substr(0,2)!='..');location=unescape(s);}return false;"> <h3 class="GC37 ProductTitle" ID="ProductTitle-P115167">S Hooks</h3> </a> </div> <div class="ProductPriceContainer"> <input type="hidden" name="ProductPriceLayout" /> <div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P115167"></div><script type="text/javascript">ppriceArr.push(['P115167','','TD1','0.000',0]);</script> <div class="GC55 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P115167"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P115167" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P115167" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> </div> <span> </span> </div> </form> <script type="text/javascript"> $(window).on('load resize domChanged', function () { var $container = $('#ProductLoopInner'), $items = $('.Product', $container); var outerSpace = $items.outerWidth() - $items.width() + parseFloat($items.css('margin-left')) + parseFloat($items.css('margin-right')); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 5, itemMaxWidth = 260, w = 0; for (var n = 1; n <= 5; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $('.Product', $container).width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); }); $(window).trigger('resize'); $(document).ready(function(){ $("img.DataEchoLoaded").each(function(){ var title=$(this).attr("title"); $(this).parent().parent().parent().parent().siblings("a").attr({"title":title}); }); $("img.DataEchoLoaded").each(function(){ var link=$(this).parent().attr("href"); $(this).parent().parent().parent().parent().siblings("a").attr({"href":link}); }); }); </script> <script type="text/javascript"> /*<![CDATA[*/ tf.sfOffsetCenterCols=0; function sfEqualRow(oOffset, idChildPrefix, aItm, idItemPrefix) { function affectHeight(els, x, mh, nn) { for (var n = 0; n < nn; n++) { var el = els[x - n]; if (el) { jQuery(el).outerHeight(mh); } } } if (!tf.sfOffsetCenterCols) { var w = jQuery(oOffset).find('[id^="' + idItemPrefix.split(',').join('"],[id^="') + '"]').first().outerWidth(true); if (w > 0) { tf.sfOffsetCenterCols = parseInt((jQuery(oOffset).width() / w)); } } var coll = jQuery(oOffset).find('.' + idChildPrefix); if (coll.length > 0) { var maxh = 0, idx = 0; if(tf.isiPhone){ var $this=jQuery(this); jQuery('img[src$="trans.gif"][data-echo]',coll).each(function(){ $this.attr('style', ($this.attr('style')||'')+'width:'+($this.attr('width')||'')+'px!important;height:'+($this.attr('height')||'')+'px!important;'); }); } jQuery(coll).each(function () { if(jQuery('img',this).length==0||(jQuery('img[data-echo]',this).length==0&&jQuery('img',this).height()>1))jQuery(this).css('height', ''); maxh = Math.max(maxh, jQuery(this).outerHeight()); if ((idx % tf.sfOffsetCenterCols) == tf.sfOffsetCenterCols - 1) { affectHeight(coll, idx, maxh, tf.sfOffsetCenterCols); maxh = 0; } idx++; }); affectHeight(coll, idx, maxh, (coll.length % tf.sfOffsetCenterCols) + 1); } } var _sfEqualRowOuter=_sfEqualRowOuter?_sfEqualRowOuter.concat('ProductLoop'):['ProductLoop'],_sfEqualRowArr=_sfEqualRowArr||[]; _sfEqualRowArr.push('ProductImageContainer'); _sfEqualRowArr.push('ProductContainer3'); _sfEqualRowArr.push('ProductContainer2'); _sfEqualRowArr.push('Product'); var equalRowPoll = null; var sfEqualRowOnload = function() { clearTimeout(equalRowPoll); equalRowPoll = setTimeout(function(){ sfEqualRowCall(); equalRowPoll = null; }, 500); }; function sfEqualRowCall(){ for(var m=0,mm=_sfEqualRowOuter.length;m<mm;m++){ if(!gl(_sfEqualRowOuter[m]))continue; tf.sfOffsetCenterCols=0; for(var n=0,nn=_sfEqualRowArr.length;n<nn;n++){ sfEqualRow(gl(_sfEqualRowOuter[m]),_sfEqualRowArr[n],null,'Product-'); } } } function sfEqualRowOnresize(){tf.sfOffsetCenterCols=0;if(typeof(sfOffsetCenterOnresize)!='undefined')sfOffsetCenterOnresize();sfEqualRowOnload();if(typeof(populateProductFlash)!='undefined')populateProductFlash(productFlashVarsArr,'DesignImage');} addEvent('onresize',sfEqualRowOnresize,window); if(tf.sfMakeSpace&&tf.sfMakeSpace.posthandlers) tf.sfMakeSpace.posthandlers.push(sfEqualRowOnload); /*]]>*/ </script> <!-- Version tag, please don't remove $Revision: 46564 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-SHA_1/productloop.html $ --> <div id="AutoSplitPageBottom"></div> </div> </div> <div id="AutoSplitPageBottom"></div> </div> <div id="FooterClearance"> <span>!</span> </div> </div> <div id="WebSiteFooter" class="GC40 WebSiteFooter"> <div id="Index1-spacer"> <div id="Index1Bar" class="GC28 Index1Bar"></div> <div id="Index1" class="GC28 Index1"> <script src="../../shared_files/jquery.menu-aim.js" defer="true"></script> <script src="../../shared_files/jquery.megamenu.js" defer="true"></script> <script type="text/javascript"> $(function(){ $('.Index1').on('load', function(){ var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1'); var GCNum = [ {'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'}, {'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'} ][idxNum-1]; $('.idx'+idxNum+'Submenu').empty(); var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true); if ($branch.length > 0) { var $subpageNavigation = $('#idxSubpageNavigationAlt'); if ($subpageNavigation.length == 0) { $subpageNavigation = $('#idxSubpageNavigation'); if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>'); var placed = false, $placement = $('.PageTitle'); if ($placement.length > 0) { $placement.after($subpageNavigation); if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; } if (!placed) { var selectors = ['.PageIntroduction', '.PageDescription']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.before($subpageNavigation); if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; break; } } } if (!placed) { var selectors = ['#PageContainer1', '#PageContainer11']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.append($subpageNavigation); break; } } } } $subpageNavigation .width('auto') .removeClass('GC28 GC32') .append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>'); $branch.find('> li > ul, i[class*=icon-], li.see-all').remove(); $branch.find('> li') .on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .addClass('idx'+idxNum+'Sub') .find('> a') .on('mouseover', function(){tf.navOvr(this, '', '');}) .on('mouseout', function(){tf.navOut(this, '', '');}) .addClass('idx'+idxNum+'Sub') ; var mh = 0; $branch.find('> li > a > img').each(function(){ var hasImg = !!$(this).attr('src'); if (!hasImg) $(this).hide(); mh = Math.max(mh, $(this).css('max-height')); }); var prop = (mh ? 'height:'+mh+'px;' : ''); $branch.find('> li > a').each(function(){ if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>'); else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>'); $(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>'); }); $('.idx'+idxNum+'Submenu').empty().append($branch); $(window).on('load resize', function () { var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container); var outerSpace = $items.outerWidth(true) - $items.width(); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 8, itemMaxWidth = 260, w = 0; for (var n = 1; n <= maxColumns; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $items.width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); if(tf.echo)tf.echo.render(); }); $(window).trigger('resize'); } $('img', $(this)).remove(); $('> ul[class*=idx]', $(this)) .sfMegaMenu({ 'submenuDirection':'above', 'layout':'base', 'showImages':false, 'iconOpenRight':'icon-arrow-right3', 'iconOpenDown':'icon-arrow-down3', 'iconNoImage':'icon-image', 'iconPin':'icon-pushpin', 'idxNum':idxNum, 'onLoad':function() { var $idxSlider = $('#Index1 > .idx1List'); $('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove(); function setIdxSlider() { $idxSlider.parent().width('100%').css('float','none'); $idxSlider .on('cellSelect', function(){ var flkty = $(this).data('flickity'); if (flkty) { if (flkty.selectedIndex == $(this).data('selectedIndex')) return; if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) { if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex'); else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--; } $(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')}); } }) .on('settle', function(){ var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0; if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4])); if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled'); else $('.next', this).removeAttr('disabled'); }) .flickity({ cellAlign: 'left', contain: true, wrapAround: false, autoPlay: false, draggable: true, freeScroll: true, setGallerySize: false, prevNextButtons: true, pageDots: false, percentPosition: false }) .flickity('resize') .find('.flickity-viewport') .find('.flickity-slider').addClass('idx1List').each(function(){ $(this).height($('> li', this).outerHeight(true)).css('bottom', 0); }) .end() .parentsUntil('[id^=WebSite]').each(function(){ var zIndex = $(this).css('z-index'); if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001); }) ; } function unsetIdxSlider() { if ($idxSlider.hasClass('flickity-enabled')) { $idxSlider .flickity('destroy') ; } $idxSlider.parent().css({'float':''}); } $(window).on('resize', function () { unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'}); if ($('#WebSite').width() > 619) { var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1; $('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); }); if (w-1 > wContainer) { setIdxSlider(); $idxSlider.flickity('resize'); setTimeout(function(){$idxSlider.flickity('reposition');}, 200); } else if (w < wContainer) unsetIdxSlider(); } }); $(window).trigger('resize'); } }) .parent().find('.idx1List > li > a > span').addClass('vcenter'); }); }); </script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script> <!-- Version tag, please don't remove $Revision: 46130 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-BASE_1/toplevel.html $ --> <i class="icon-spinner2 icon-fa-spin"></i> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.Index1').load(tf.wm.url('d-34.html','-',true)+' ',function(){ if(tf.isEntryPage){ jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true); }); jQuery('.Index1 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));}); } else { jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) { this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); } }); } jQuery('.Index1 #idx1D-2').parent('li').remove(); jQuery('.Index1').trigger('load'); }); jQuery('#CompanyImage a[href], .CompanyImage a[href]').not('a[href^=http]').each(function(){ var href = this.href.replace(/.*\//,''); if(tf.isEntryPage) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); else this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); }); }); </script> </div><div id="idx1Sentinel"></div> </div> <div class="GC40 WebSiteFootnote" ID="WebSiteFootnote-D11069"><div class="row sf-wrapped"><div class="column full"><span></span></div></div></div> </div> <div id="ProductMediaShare" class=""> <div id="productmediashareholder"><script type="text/javascript">tf.load('load_productmediashare.html','productmediashareholder',false,null,true);</script></div> </div> </div> <div class="search-close"><i class="icon icon-cross"></i></div> <script> $(document).ready(function(){ $(window).on('load resize', function () { setTimeout(function(){ var bannerHeight = $('.Banner').height(); $('#DesignImage2').height( bannerHeight ); }, 1000); }); $(".search-icon-new").click(function(){ $(".search-wrapper-new").toggleClass("search-view"); }); setTimeout(function(){ $('#idxSubpageNavigationVerticalAlt:empty').parent().remove(); }, 500); }); $(function() { var pgurl = window.location.href.substr(window.location.href .lastIndexOf("/") + 1); $(".CustomNav .gallery-box a").each(function() { if ($(this).attr("href") == pgurl || $(this).attr("href") == '') $(this).addClass("active"); }) }); </script> <!-- Version tag, please don't remove $Revision: 46240 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-JWL-BB_sir/Pages/SFX-Content_navLeft/page.html $ --> <div id="mobile_switchview" class="desktop-xor"><a href="#" class="desktop-xor"> Mobile mode</a></div> <div class="GC39 footer mobile"> <div class="utils group"> <menu> <li id="util_home" class="sf-button sf-corner left vcenter"><a href="../../index.html" title="Home "><i class="icon-home2"> </i><span>Home </span></a></li> <li id="util_switchview" class="sf-button sf-corner right vcenter"><a href="#" class="mobile-xor" title="Desktop mode"><i class="icon-display4"> </i><span>Desktop mode</span></a><a href="#" class="desktop-xor" title="Mobile mode"><i class="icon-mobile"> </i><span>Mobile mode</span></a></li> </menu> </div> </div> <div id="util_gototop" class="GC91 sf-button sf-corner right vcenter"><a id="gototop-button" href="#top"><i class="icon-arrow-up8"> </i><span></span></a></div> <nav id="Sidemap" class="GC32"> <div class="top_wrap_menu"> <ul> <li sf:if=".ID!=D-6&ShopEnabled" id="mobile_cart" class="sf-button sf-corner"> <a href="#" title="My cart" onclick="location=tf.wm.url('basket.html','-',true);return false;"><i class="icon-cart"></i> <span class="GC91 MiniCartTotalItemsQuantity_Mobile" id="MiniCartTotalItemsQuantity_Mobile">0</span></a> </li> <li sf:if="__Reference&ShowSelectCurrencyLink" id="mobile_SwitchCurrency" class="sf-button sf-corner"> <a href="#" class="SwitchCurrencyLink" title="Pick your currency"> <i class="currencySymbol"></i> <script type="text/javascript"> function mobile_SwitchCurrencyLink_ShowSymbol() { if (!tf.bskLoaded) setTimeout(mobile_SwitchCurrencyLink_ShowSymbol, 500); jQuery('#mobile_SwitchCurrency .currencySymbol').html(tf.currentCurrency.abbrev); } mobile_SwitchCurrencyLink_ShowSymbol(); </script> </a> </li> <li sf:if="__MultipleLanguages=true" class="lang_col"> <div id="mobile_switchlang" class="sf-button sf-corner left"> <div class="Outer"> <span class="SwitchLangName"> <span class="flag-spacer"> <img src="../media/flags/flag_en-uk.gif" alt="English" title="English"/> </span> </span> <i class="icon-arrow-down3"></i> </div> <div class="Inner"> <a class="GC48" href="../../index.html" onclick="tf.utils.change_lang('en-uk,1');return false;"><img src="../media/flags/flag_en-uk.gif" alt="English" title="English" width="20" height="10" /> English (English UK)</a> </div> </div> </li> <li sf:if="DisplayLoginForm"> <div class="sf-button sf-corner left"> <div id="mobilelogin" class="LoginSignUpLink"></div> </div> </li> </ul> <span class="GC91 close_btn-col"> <div id="sidemap-close" class="sf-button sf-corner"><i class="icon-cross2"> </i></div> </span> <a name="Sidemap"></a> </div> <div class="search_coll"> <div id="util_searchbox" class="sf-corner"> <form id="mobile_search" name="mobile_search" onsubmit="mobileSearch(this[0]);return false;"> <input type="search" id="phrase" name="phrase" /> <span id="util_searchbox_search" class="sf-button sf-corner"> <button type="submit" title="Find" style="border:none;background-color:transparent;"><i class="icon-search2"> </i></button> </span> </form> </div> </div> <div class="idx-menu" data-deptid="d-33"><i class="icon-spinner2 icon-fa-spin"></i></div> <div class="idx-menu" data-deptid="d-34"><i class="icon-spinner2 icon-fa-spin"></i></div> </nav> <script type="text/javascript"> tf.scr.load('load_dynamic_js_js',tf.wm.url('load_dynamic_js.js','-',false)); ldjs('d11069_Hooks_.js'); var aspl=gl('AutoSplitPageLinks');if(aspl){var el=gl('AutoSplitPageTop');if(el)el.innerHTML=aspl.innerHTML;el=gl('AutoSplitPageBottom');if(el)el.innerHTML=aspl.innerHTML;} function ams(){var tfu=tf.utils;if(tfu&&tfu.applyms)tfu.applyms();else setTimeout('ams()',50)};if(aMS.length>0)ams(); if(typeof(sfAddUnpop)!='undefined')addOnload(sfAddUnpop); function equalHeight(){if(tf.utils){setTimeout(function(){equalHeightOnClass('EqualHeight_','');if(tf.content.sfOffsetCenterOnload)sfOffsetCenterOnload();if(tf.content.sfEqualRowOnload)tf.content.sfEqualRowOnload();equalHeightOnClass('','EqualHeight_');tf.utils.equaldiv();},250)}}addOnload(equalHeight); tf.moreHistory.pop(tf.pgidx);tf.nametag.del('pgidxFrom'); function acs(){return function(){try{tf.extra.forceAllLang=false;if(typeof(tf.parent.applyColorScheme)!='undefined')tf.parent.applyColorScheme(window);}catch(e){};}}addOnload(acs()); </script> <script> $(function () { echo.init({ offset: 1, throttle: 1, unload: false, callback: function (element, op) { (function(selector, callback){ jQuery(selector).each(function(){ if (this.complete || this.readyState === 4) callback.apply(this); else jQuery(this).on('load', function(){ callback.apply(this); }); }); })(element, function() { jQuery(element).hide().fadeIn(200, function() { if(tf.content.makeResponsive)tf.content.makeResponsive();equalHeight(); jQuery(element).trigger('imageLoaded'); }); }); } }); jQuery(document).on('dragMove settle', debounce(function() { echo.render(); }, 250)); }); </script> </body> </html> <!-- Version tag, please don't remove $Revision: 43346 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-JWL-BB_sir/Website/parseLang/website.html $ -->