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-D11074"> <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="d11074_TEst.html" title="BESPOKE Solutions" itemprop="item"> <span itemprop="name">BESPOKE Solutions</span><meta itemprop="position" content="1" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>BESPOKE Solutions</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"> <div class="GC19 PageDescription" ID="PageDescription-D11074"><div class="row clearfix b01 sf-cb"><div class="column full"> <em> </em><div class="display center"><em> </em><h1 style="font-family: Arial, sans-serif;">BESPOKE SOLUTIONS</h1><em> </em></div><em> </em> </div></div> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Gruppo" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Handlee" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Hind:300,700" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Frank Ruhl Libre:300,700" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Forum" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Exo:100" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Encode Sans:300,700" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Cutive Mono" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Didact Gothic" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Anton" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Allerta Stencil" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"> <link onload="this.onload=null;this.rel='stylesheet'" href="../phpwidgets/fonts.php?family=Abel" rel="stylesheet" type="text/css" property="stylesheet" data-sf-cb="true" data-rel="_del"></div> <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(){ if (!tf.isInSF() && !tf.isInDesigner()) $('.gallery-box a').removeAttr('onclick'); if (tf.isInSF()) { window.Flickity.prototype._dragPointerDown= function( event, pointer ) { this.pointerDownPoint = Unipointer.getPointerPoint( pointer ); } } $('#ProductLoopInner .gallery-box').children('span').remove(); var $gallery = $('#ProductLoopInner .gallery-box').flickity({ cellAlign:'left', wrapAround: true, freeScroll: true, setGallerySize: false, prevNextButtons: false, pageDots: false }); $gallery.flickity('resize'); $('#ProductLoopInner .ProductImage').each(function(i, item){ var clsname = i == 0 ? "button selected" : "button"; if($(item).find('img').length > 0){ $('#ProductLoopInner .gallery-buttons').append('<img class="'+clsname+'" src="'+$(item).find('img').attr('src')+'">'); } else{ $('#ProductLoopInner .gallery-buttons').append('<span class="'+clsname+'"> </span>'); } }); // Flickity instance var flkty = $gallery.data('flickity'); // elements var $cellButtonGroup = $('#ProductLoopInner .gallery-buttons'); var $cellButtons = $cellButtonGroup.find('.button'); // update selected cellButtons $gallery.on( 'cellSelect', function() { $cellButtons.filter('.selected').removeClass('selected'); $cellButtons.eq( flkty.selectedIndex ).addClass('selected'); }); // select cell on button click $cellButtonGroup.on( 'click', '.button', function() { var index = $(this).index(); $gallery.flickity( 'select', index ); }); // previous $('#ProductLoopInner .icon-arrow-left3').on( 'click', function() { var count = $('.Product').length; var index = flkty.selectedIndex; var index1 = index > 0 ? index - 1 : count - 1; var index2 = index == count - 1 ? 0 : index + 1; var w = $('#ProductLoopInner').width(); var w1 = $(flkty.selectedElement).outerWidth(); var w2 = $('.Product:eq('+index1+')').outerWidth(); var w3 = $('.Product:eq('+index2+')').outerWidth(); if (w - w1 > 200){ $gallery.flickity('previous'); $gallery.flickity('previous'); if (w - w1 - w2 - w3 > -200) $gallery.flickity('previous'); if (w - w1 - w2 - w3 > 200) $gallery.flickity('previous'); } else { $gallery.flickity('previous'); } }); // next $('#ProductLoopInner .icon-arrow-right3').on( 'click', function() { var count = $('.Product').length; var index = flkty.selectedIndex; var index1 = index > 0 ? index - 1 : count - 1; var index2 = index == count - 1 ? 0 : index + 1; var w = $('#ProductLoopInner').width(); var w1 = $(flkty.selectedElement).outerWidth(); var w2 = $('.Product:eq('+index1+')').outerWidth(); var w3 = $('.Product:eq('+index2+')').outerWidth(); if (w - w1 > 200){ $gallery.flickity('next'); $gallery.flickity('next'); if (w - w1 - w2 - w3 > -200) $gallery.flickity('next'); if (w - w1 - w2 - w3 > 200) $gallery.flickity('next'); } else { $gallery.flickity('next'); } }); }); </script> <form name="productForm" id="ProductLoop"> <!-- Require IcoMoon --><div id="ProductLoopInner"> <div class="GC57 icon-arrow-left3 gallery-action" ID="FlickityPrevious-D11074"></div> <div class="GC57 icon-arrow-right3 gallery-action" ID="FlickityNex-D11074"></div> <div class="gallery-box"> <div class="GC75 Product" ID="Product-P115185"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115185", "sku":"P115185", "name":"", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115185.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":"d11074_TEst.html" }] </script> <a name="p115185"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P115185'); //Manufacturer-P115185:Ape Display /*]]>*/ </script> <a href="d11074_TEst.html" onclick="cancelBuble(event);var s='d11074_TEst.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="ProductImageContainer-P115185" class="GC75 no-responsive ProductImageContainer ThumbnailSlider-vertical" style="width:270px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115185" class="ProductImage"> <img width="203" height="270" src="../media/t_PMSA4326.JPG" id="IP115185" name="IP115185" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115185{max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115185(){var elTSPIC=gl('ProductImageContainer-P115185'),elTSPI=gl('ProductImage-P115185'),elTSI=gl('IP115185'); 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_P115185); jQuery('#IP115185').on('imageLoaded',ProductImageGroupSizer_P115185); </script> </div> <div class="ProductContainer3"> </div> </a> </div> <div class="GC75 Product" ID="Product-P115183"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115183", "sku":"P115183", "name":"", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115183.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":"d11074_TEst.html" }] </script> <a name="p115183"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P115183'); //Manufacturer-P115183:Ape Display /*]]>*/ </script> <a href="d11074_TEst.html" onclick="cancelBuble(event);var s='d11074_TEst.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="ProductImageContainer-P115183" class="GC75 no-responsive ProductImageContainer ThumbnailSlider-vertical" style="width:270px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115183" class="ProductImage"> <img width="270" height="228" src="../media/t_three-arches-redone.png" id="IP115183" name="IP115183" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115183{max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115183(){var elTSPIC=gl('ProductImageContainer-P115183'),elTSPI=gl('ProductImage-P115183'),elTSI=gl('IP115183'); 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_P115183); jQuery('#IP115183').on('imageLoaded',ProductImageGroupSizer_P115183); </script> </div> <div class="ProductContainer3"> </div> </a> </div> <div class="GC75 Product" ID="Product-P115182"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115182", "sku":"P115182", "name":"", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115182.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":"d11074_TEst.html" }] </script> <a name="p115182"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115182'); var b=core.load_add(d,type,'P115182','','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115182',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115182(type,temp);},500);return 0;} } /*]]>*/ </script> <a href="d11074_TEst.html" onclick="cancelBuble(event);var s='d11074_TEst.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="ProductImageContainer-P115182" class="GC75 no-responsive ProductImageContainer ThumbnailSlider-vertical" style="width:270px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115182" class="ProductImage"> <img width="203" height="270" src="../media/t_eeeee.png" id="IP115182" name="IP115182" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115182{max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115182(){var elTSPIC=gl('ProductImageContainer-P115182'),elTSPI=gl('ProductImage-P115182'),elTSI=gl('IP115182'); 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_P115182); jQuery('#IP115182').on('imageLoaded',ProductImageGroupSizer_P115182); </script> </div> <div class="ProductContainer3"> </div> </a> </div> <div class="GC75 Product" ID="Product-P115181"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115181", "sku":"P115181", "name":"", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115181.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":"d11074_TEst.html" }] </script> <a name="p115181"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115181'); var b=core.load_add(d,type,'P115181','','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115181',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115181(type,temp);},500);return 0;} } /*]]>*/ </script> <a href="d11074_TEst.html" onclick="cancelBuble(event);var s='d11074_TEst.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="ProductImageContainer-P115181" class="GC75 no-responsive ProductImageContainer ThumbnailSlider-vertical" style="width:270px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115181" class="ProductImage"> <img width="203" height="270" src="../media/t_redonme-ee.png" id="IP115181" name="IP115181" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115181{max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115181(){var elTSPIC=gl('ProductImageContainer-P115181'),elTSPI=gl('ProductImage-P115181'),elTSI=gl('IP115181'); 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_P115181); jQuery('#IP115181').on('imageLoaded',ProductImageGroupSizer_P115181); </script> </div> <div class="ProductContainer3"> </div> </a> </div> <div class="GC75 Product" ID="Product-P115180"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115180", "sku":"P115180", "name":"", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p115180.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":"d11074_TEst.html" }] </script> <a name="p115180"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P115180'); var b=core.load_add(d,type,'P115180','','0.00','','0',0,'TD1','','','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P115180',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P115180(type,temp);},500);return 0;} } /*]]>*/ </script> <a href="d11074_TEst.html" onclick="cancelBuble(event);var s='d11074_TEst.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="ProductImageContainer-P115180" class="GC75 no-responsive ProductImageContainer ThumbnailSlider-vertical" style="width:203px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115180" class="ProductImage"> <img width="203" height="152" src="../media/t_boxess.png" id="IP115180" name="IP115180" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115180{max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P115180(){var elTSPIC=gl('ProductImageContainer-P115180'),elTSPI=gl('ProductImage-P115180'),elTSI=gl('IP115180'); 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_P115180); jQuery('#IP115180').on('imageLoaded',ProductImageGroupSizer_P115180); </script> </div> <div class="ProductContainer3"> </div> </a> </div> <span> </span> </div> <div class="gallery-buttons"></div> </div> </form> <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('ProductContainer3'); _sfEqualRowArr.push('ProductPriceContainer'); _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: 44528 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-FLICKITY_2/productloop.html $ --> <div id="AutoSplitPageBottom"></div> </div> </div> <div class="GC19 PageFootnote" ID="PageFootnote-D11074"><div class="row clearfix a09 sf-cb"><div class="column full" style="line-height: 24px;"><p><span style="font-size: 21px;">Whether your need is a high profile POS display or a simple merchandising rack. We design and produce bespoke displays to present your product. In house we work with wire, tubing, sheet metal fabrication, mig, tig, resistance welding, and powder coating. Our designers create designs to meet your exacting requirements and can offer advice and ideas to provide you with the best process for your product and budget. We can also produce prototypes or drawings. </span></p><p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;">Along with our bespoke metalwork business, we have also been powder coating since its inception 45 years ago.</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;">We can powder coat ALL metals and have an extensive range of coatings and colours in-house with access to a range of suppliers for more specialised requirements.</span></p><span style="font-size: 21px;"> </span><p></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> - Epoxy, Polyester & Hybrid coatings.</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> - Metallic Coatings</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> - Textured Coatings</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> - Leatherette Coatings</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> - All Gloss Coatings<span style="font-size: 21px;"> </span></span></p><p><span style="font-size: 21px;"> - Antibacterial Coatings</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;"> <span style="font-size: 21px;"> </span></span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;">*Prototypes will incur a charge. Half of which would be refunded upon an initial order of 25 or more.</span></p><span style="font-size: 21px;"> </span><p><span style="font-size: 21px;">Drawings may also attract a fee.</span></p> <p></p><strong><em> </em></strong> </div></div> <div class="row clearfix g01 sf-cb"><div class="column full"> <hr><div class="column full"><div class="display center" style="font-size: 21px;"><p style="font-style: italic;">Please call or email across your requirements</p><p style="font-style: italic;">Email: <a href="mailto:bespoke@apeng.co.uk"><span style="color: rgb(87, 31, 156);">bespoke@apeng.co.uk</span></a></p><p style="font-style: italic;">Tel: 02392384012</p></div></div> </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-D11074"><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('d11074_TEst_.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 $ -->