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> </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="idxSubpageNavigation" class="GC22 EqualHeight left_nav"></div> <div id="Content" class="GC24 ContentBody"> <div itemtype="http://schema.org/BreadcrumbList" class="GC6 Breadcrumbs" itemscope="" ID="Breadcrumbs-P3024"> <div class="GC6 breadcrumDesign"></div> <div class="BreadcrumbsTrail"> <script type="text/javascript"> addEvent('onunload',function(){tf.nametag.add('pgidxFrom',tf.pgidx);return true;}); </script> <a href="d11064_Mesh-Floor-Display.html#p3024" onclick="cancelBuble(event);if(tf.isInDesigner()){history.back();return false;}var backURL=tf.moreHistory.pop(tf.pgidx);if(backURL)location=(backURL.indexOf(tf.enterFilename)==0?'../../':'')+backURL;else{if(tf.moreHistory._stack.length==0)return true;else history.back();}return false;"><span class="LayoutObject" id="BackLink"> << Back </span></a> | <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"> <a href="d11064_Mesh-Floor-Display.html" title="Mesh Floor Display" itemprop="item"> <span itemprop="name">Mesh Floor Display</span><meta itemprop="position" content="1" /> </a> </nobr> <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display:none;"> <a href="p3024_General_Purpose_Mesh_Panel_Stand_(K26).html" title="General Purpose Mesh Panel Stand (K26)" itemprop="item"> <span itemprop="name">General Purpose Mesh Panel Stand (K26)</span><meta itemprop="position" content="2" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>General Purpose Mesh Panel Stand (K26)</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"> /*<![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=[]; var bpriceArr=[],ppriceArr=[],weightArr=[],crFFldArr=[],ppriceCrossPromotionArr=[],bpriceCrossPromotionArr=[]; /*]]>*/ </script> <script type="text/javascript"> /*<![CDATA[*/ var __sfChoiceImageLocation='optionarea_radiobutton_one',__sfChoiceImageWidth=parseInt('60'); /*]]>*/ </script> <script type="text/javascript"> $(document).ready(function(){ if (!tf.isInSF() && !tf.isInDesigner()) $('.gallery-box a, .ProductCrossPromotionRecommendSliderItem a').removeAttr('onclick'); if (tf.isInSF()) { window.Flickity.prototype._dragPointerDown= function( event, pointer ) { this.pointerDownPoint = Unipointer.getPointerPoint( pointer ); } } function PCPGallery(idPCPGS,idPCPGB,idPCPGC,idPCPGA) { this.$PCPGallery = null; this.$PCPGallerySlider = $(idPCPGS); this.$PCPGalleryBox = this.$PCPGallerySlider.find(idPCPGB); this.$PCPGalleryContainer = this.$PCPGallerySlider.find(idPCPGC); this.$PCPGalleryAction = this.$PCPGallerySlider.find(idPCPGA); this.PCPGalleryRowItems = 0; var me=this; this.setPCPGallery=function() { if(this.$PCPGallery)return; this.$PCPGallery = this.$PCPGalleryBox.flickity({ cellAlign: 'left', wrapAround: true, freeScroll: true, setGallerySize: true, prevNextButtons: false, pageDots: false }); this.$PCPGallery.flickity('resize'); this.$PCPGalleryAction.removeClass('hide'); var PCPGallery = this.$PCPGallery; setTimeout(function(){ PCPGallery.flickity('resize'); }, 2000) } this.unsetPCPGallery=function() { this.$PCPGalleryAction.addClass('hide'); if (this.$PCPGallery) { this.$PCPGallery.flickity('destroy'); this.$PCPGallery = null; } } this.togglePCPGallery=function() { var PCPGalleryBoxWidth = this.$PCPGalleryBox.width(), PCPGalleryItemsWidth = 0; this.$PCPGalleryContainer.width('').each(function () { PCPGalleryItemsWidth += $(this).outerWidth(true); }); this.PCPGalleryRowItems = parseInt((PCPGalleryBoxWidth / (PCPGalleryItemsWidth / this.$PCPGalleryContainer.length))); this.$PCPGalleryContainer.outerWidth(PCPGalleryBoxWidth / this.PCPGalleryRowItems, true); PCPGalleryItemsWidth = 0; this.$PCPGalleryContainer.each(function () { PCPGalleryItemsWidth += $(this).outerWidth(true); }); if (PCPGalleryItemsWidth <= PCPGalleryBoxWidth+this.PCPGalleryRowItems) debounce(function(){me.unsetPCPGallery.apply(me);}, 200)(); else debounce(function(){me.setPCPGallery.apply(me);}, 200)(); } this.$PCPGallerySlider.find('.icon-arrow-left3').on('click', function() { for (var n = 0; n < me.PCPGalleryRowItems; n++) me.$PCPGallery.flickity('previous'); }); this.$PCPGallerySlider.find('.icon-arrow-right3').on('click', function() { for (var n = 0; n < me.PCPGalleryRowItems; n++) me.$PCPGallery.flickity('next'); }); this.togglePCPGallery(); $(document).bind('domChanged', function(){ me.togglePCPGallery.apply(me); }); $(window).resize(function(){ me.togglePCPGallery.apply(me); }); } var PCPGallery1 = new PCPGallery('.ProductCrossPromotionSlider','.gallery-box','.ProductCrossPromotionContainer','.gallery-action'); var PCPGallery2 = null; $(tf.content).on('PHPWidget_Recommend_render',function(){ PCPGallery2 = new PCPGallery('.ProductCrossPromotionRecommendSlider','.ProductCrossPromotionRecommendSliderItem','.ProductCrossPromotionContainer_Recommend','.gallery-action'); }); // setTimeout(function(){ // if($('#ProductCrossPromotionRecommend-1 > div.flickity-viewport').length == 0){ // $('#ProductCrossPromotionRecommend-1').addClass('col-flex') // } // },2000) }); </script> <div id="ProductContainer1"> <form name="productForm" id="ProductLoop"> <div class="GC22 Product" ID="Product-P3024"> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3024" data-prid="P3024" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3024", "sku":"K26", "name":"General Purpose Mesh Panel Stand (K26)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K26", "description":"General Purpose Mesh Panel Stand (K26)", "image":"https://www.apedisplay.co.uk/contents/media/l_e23e2e3eded.png" }] </script> <a name="p3024"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3024'); //Manufacturer-P3024:Ape Display //ManufacturerCode-P3024:K26 //ProductCode-P3024:K26 function add_P3024(type){ if(tf.coreLoaded){core.load_add(d,type,'P3024','General Purpose Mesh Panel Stand (K26)','','K26','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3024();',500);} } /*]]>*/ </script> <div class="ProductContainer5 EqualHeightProductContainer5-2" id="ProductContainer5"> <div class="ProductContainer4" id="ProductContainer4"> <div class="ProductContainer3" id="ProductContainer3"> <div id="ProductImageContainer-P3024" class=" ProductImageContainer ThumbnailSlider-vertical" style=""> <div style="z-index:1;display:inline-block;" class="ImgLink HasSlider" id="ImgLink-P3024"> <div id="ProductImage-P3024" class="ProductImage"> <a src="../media/l_e23e2e3eded.png" tn="" tnreal="" rel="sfMediaBox[ProductImage-P3024]" id="ProductThumbnailImage-P3024" title="" description="" mediatype="IMG" mw="800" mh="600" onclick="cancelBuble(event);if(tf.utils&&!tf.isInSF())tf.utils.sfMediaBox.init(['ProductImage-P3024','ProductMoreImages-P3024',''],gl('ProductImage-P3024').getAttribute('jumptoid'));return false;" class=""> <img width="800" height="600" src="../media/trans.gif" data-echo="../media/l_e23e2e3eded.png" class="DataEchoLoaded" id="IP3024" name="IP3024" border="0" alt="" title="" hspace="0" vspace="0" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> <div class="GC10 ProductImageCaptionIcon Icon ImgLink sf-corner sf-gradient" style="position:absolute;bottom:5px;right:5px;z-index:1;" id="pici-P3024" onclick="cancelBuble(event);if(tf.utils&&!tf.isInSF())tf.utils.sfMediaBox.init(['ProductImage-P3024','ProductMoreImages-P3024',''],gl('ProductImage-P3024').getAttribute('jumptoid'));return false;"> <i class="icon-fa-overlay-sm icon-search2 icon-fa-1x"></i> </div> </a> </div> </div> <style> #ProductImage-P3024{max-width:100%;} </style> <div id="ThumbnailSliderContainer-P3024" class=" ThumbnailSliderContainer"><style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:580px;display:block;} .ProductImage .NoImage img{width:580px;} </style> <div id="ThumbnailSlider-P3024" class="ThumbnailSlider"> <a src="../media/l_e23e2e3eded.png" tn="" class="ThumbnailSliderItem" id="ChoiceImage-P3024" mw="800" mh="600" mediatype="IMG" filetype="png" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3024','P3024');return false;"> <img width="300" height="300" src="../media/trans.gif" data-echo="../media/t_e23e2e3eded.png" class="DataEchoLoaded" id="IP3024" name="IP3024" border="0" alt="" title="" hspace="" vspace="" align="center" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> <a src="../media/l_k26-2d.jpg" tn="" class="ThumbnailSliderItem" id="ProductMoreImages-P3024LGCN1" rel="sfMediaBox[ProductMoreImages-P3024]" mw="332" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3024','P3024LGCN1');return false;"> <span><img width="249" height="450" src="../media/trans.gif" data-echo="../media/t_k26-2d.jpg" class="DataEchoLoaded" id="IP3024LGCN1" name="IP3024LGCN1" border="0" alt="" title="" hspace="" vspace="" align="center" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /></span> </a> <a src="../media/l_k26-components.jpg" tn="" class="ThumbnailSliderItem" id="ProductMoreImages-P3024LGCN2" rel="sfMediaBox[ProductMoreImages-P3024]" mw="467" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3024','P3024LGCN2');return false;"> <span><img width="300" height="385" src="../media/trans.gif" data-echo="../media/t_k26-components.jpg" class="DataEchoLoaded" id="IP3024LGCN2" name="IP3024LGCN2" border="0" alt="" title="" hspace="" vspace="" align="center" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /></span> </a> <a src="../media/l_hook---copy.jpg" tn="" class="ThumbnailSliderItem" id="ProductMoreImages-P3024LGCN3" rel="sfMediaBox[ProductMoreImages-P3024]" mw="876" mh="542" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3024','P3024LGCN3');return false;"> <span><img width="300" height="186" src="../media/trans.gif" data-echo="../media/t_hook---copy.jpg" class="DataEchoLoaded" id="IP3024LGCN3" name="IP3024LGCN3" border="0" alt="" title="" hspace="" vspace="" align="center" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /></span> </a> <a src="../media/l_red-k26.jpg" tn="" class="ThumbnailSliderItem" id="ProductMoreImages-P3024LGCN4" rel="sfMediaBox[ProductMoreImages-P3024]" mw="579" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3024','P3024LGCN4');return false;"> <span><img width="300" height="311" src="../media/trans.gif" data-echo="../media/t_red-k26.jpg" class="DataEchoLoaded" id="IP3024LGCN4" name="IP3024LGCN4" border="0" alt="" title="" hspace="" vspace="" align="center" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /></span> </a> </div></div> <script type="text/javascript"> var busyProductImageGroupSizer=false; function ProductImageGroupSizer_P3024(){ if(busyProductImageGroupSizer)return; busyProductImageGroupSizer=true; var elTSPIC=gl('ProductImageContainer-P3024'),elTS=gl('ThumbnailSlider-P3024'),elTSPI=gl('ProductImage-P3024'); if(!elTSPIC||!elTSPI||!elTS)return; jQuery('.ProductImage object[width],.ProductImage embed[width]').each(function(){ var w=jQuery(this).parent(['origw']).attr('width')||jQuery(this).attr('width'),h=jQuery(this).parent(['origh']).attr('height')||jQuery(this).attr('height'); if(w&&h){ var ratio=h/w; w=jQuery(this).parents('.ImgLink').width(); h=w*ratio; jQuery(this).attr({'width':w,'height':h}); } }); elTS.style.height=(elTSPI.offsetHeight-10)+'px'; var aMS1=['ThumbnailSlider-P3024',parseInt(''),elTS.offsetHeight,false]; (function doMS(){ if(tf.utils&&typeof(tf.utils.ms)=='function')tf.utils.ms(aMS1[0],aMS1[1],aMS1[2],aMS1[3]); else setTimeout(doMS,100); })(); busyProductImageGroupSizer=false; } jQuery(window).on('resize',ProductImageGroupSizer_P3024); jQuery('.ProductImage #I'+pgid).on('imageLoaded', ProductImageGroupSizer_P3024); </script> </div> </div> <div class="ProductContainer2 EqualHeightProductContainer5-2" id="ProductContainer2" ID="ProductContainer2-P3024"> <div class="GC21 ProductDiscountMessage" ID="ProductDiscountMessage-P3024">MULTI - BUY DISCOUNTS</div> <div class="GC60 ProductContainer6" id="ProductContainer6"> <a href="p3024_General_Purpose_Mesh_Panel_Stand_(K26).html"><h1 class="GC37 ProductTitle" ID="ProductTitle-P3024">General Purpose Mesh Panel Stand (K26)</h1></a> <div id="ProductNumbers" class="GC67 ProductNumbers"> <div class="GC67 ProductManufacturer">Ape Display</div> <div class="GC67 ProductNumber" ID="ProductNumber-P3024">K26</div> </div> <div class="ProDiscount GC56"> <div id="ProductDiscountDisplay-P3024" class="ProPercentage" style="display:none;"> </div> </div> <div class="GC66 ProductPriceOriginal" ID="ProductPriceOriginal-P3024"></div><div class="GC20 ProductPrice" ID="ProductPrice-P3024"></div><div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P3024"></div><div class="GC67 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P3024"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P3024" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P3024" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> </div> </sf:if> <ul class="GC55 ProductNumberBasePriceContainer"> <div class="GC55 ProductDeliveryTime"> <span class="GC55">Delivery time:</span><span id="ProductDeliveryTime-P3024" class="GC55 ProductDeliveryTime">3-5 Days</span> </div> </ul> </div> <div class="GC65 ProductOptions" ID="ProductOptions-P3024"> </div> <div id="ProductQuantityDiscounts-P3024" class="ProductOptions"></div> <div id="productmediashareholder"><script type="text/javascript">tf.load('load_productmediashare.html','productmediashareholder',false,null,true);</script></div> </div><div id="ProductDetailsNav"> <ul id="ProductDetailsTab" class="GC62 ProductDetailsTab" ID="ProductDetailsTab-P3024"> <div class="GC64 divider"></div> <li data-index="1" class="GC64 ProductDetailsTabItem sf-corner"><span onclick="this.blur(); return productDetailsPanelShow(1);" title="">Description</span></li> </ul> </div> <div class="GC73 ProductDetailsPanel1" id="ProductDetailsPanel1"> <div class="GC73 ProductContainer5" id="ProductContainer5"> <!--schema.org format--> <div class="GC12 ProductDescription" ID="ProductDescription-P3024"><div class="row clearfix g01 sf-cb"> <div class="column full"> <p>This freestanding mesh panel display stand, manufactured by us, is available in <strong>silver, black, or white</strong>. It features a <strong>1" mesh grid</strong>, sturdy feet, and a sleek curved header frame. The stand assembles easily with four parts: the feet, the header, and two mesh frames.</p><p>With a display area of <strong>559mm wide by 1524mm high</strong>, it’s perfect for showcasing a variety of items that can be hung or clipped to the mesh grid. Ideal for trade shows, retail spaces, art displays, or informational booths, it’s great for displaying products, hanging promotional materials, artwork, or even organizing tools and accessories. This versatile stand provides a professional and functional display solution for any setting.</p> </div> </div></div> </div><!--5--> </div><!--ProductDetailsPanel1--> </div> </div> <script type="text/javascript" src="../../shared_files/jquery.sfbannerslider.js" defer></script> <div class="GC76 ProductCrossPromotion" ID="ProductCrossPromotion-P3024"> <div class="GC5 ProductCrossPromotionHeading" id="ProductCrossPromotionHeading-P3024">Related Products</div> <div id="ProductCrossPromotionSlider" class="ProductCrossPromotionSlider"> <div class="GC57 icon-arrow-left3 gallery-action hide" ID="FlickityPrevious-P3024"></div> <div class="GC57 icon-arrow-right3 gallery-action hide" ID="FlickityNex-P3024"></div> <div class="gallery-box"> <div id="ProductCrossPromotionContainer-P3024LD1" class="GC61 ProductCrossPromotionContainer EqualHeight_ProductCrossPromotionContainer"> <div class="GC16 ProductCrossPromotionImage" ID="ProductCrossPromotionImage-P3024LD1"> <a target="" href="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3023_Economy_Mesh_Hooks_(J9Econ).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3023="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html"> <img width="385" height="308" src="../media/trans.gif" data-echo="../media/k_100mm-econ-no-black.jpg" class="DataEchoLoaded" id="IP3024LD1" name="IP3024LD1" border="0" alt="100 x Economy Mesh Hooks (J9Econ)" title="100 x Economy Mesh Hooks (J9Econ)" hspace="0" vspace="0" align="" onmouseover="window.status='100 x Economy Mesh Hooks (J9Econ)';return true;" onmouseout="window.status='';return true" /> </a> </div> <div class="ProductCrossPromotionInner0"> <a target="" href="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3023_Economy_Mesh_Hooks_(J9Econ).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3023="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html"> <h2 class="GC78 ProductCrossPromotionTitle" ID="ProductCrossPromotionTitle-P3024LD1">100 x Economy Mesh Hooks (J9Econ)</h2> </a> </div> <div class="ProductCrossPromotionInner1"> <div id="ProductCrossPromotionPriceCalculated-P3023" class="GC56 ProductCrossPromotionPriceCalculated"></div><div class="GC55 ProductCrossPromotionPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div id="ProductCrossPromotionIncTaxes-P3023" class="ProductCrossPromotionIncTaxes"></div> <div class="ProductCrossPromotionPriceTax"> <span id="ProductCrossPromotionPriceTaxPrice-P3023" class="ProductCrossPromotionPriceTaxPrice"></span> <span id="ProductCrossPromotionPriceTaxPriceText-P3023" class="ProductCrossPromotionPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> <div class="ProductCrossPromotionInner2"> <a target="" href="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3023_Economy_Mesh_Hooks_(J9Econ).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3023="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html"> <div class="GC61 ProductCrossPromotionDescription ellipsis" id="ProductCrossPromotionDescription-P3024LD1"></div> </a> </div> <div class="ProductCrossPromotionInner3"> <div class="GC13 sf-corner PageLinkBoxMoreDetails"> <a target="" href="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html" class="ProductCrossPromotionTitle" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3023_Economy_Mesh_Hooks_(J9Econ).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3023="p3023_Economy_Mesh_Hooks_%28J9Econ%29.html"> More details</a></div> </div> </div> <div id="ProductCrossPromotionContainer-P3024LD2" class="GC61 ProductCrossPromotionContainer EqualHeight_ProductCrossPromotionContainer"> <div class="GC16 ProductCrossPromotionImage" ID="ProductCrossPromotionImage-P3024LD2"> <a target="" href="p3039_Small_Mesh_Basket_%28K30%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3039_Small_Mesh_Basket_(K30).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3039="p3039_Small_Mesh_Basket_%28K30%29.html"> <img width="300" height="450" src="../media/trans.gif" data-echo="../media/t_k30.jpg" class="DataEchoLoaded" id="IP3024LD2" name="IP3024LD2" border="0" alt="Small Mesh Basket (K30)" title="Small Mesh Basket (K30)" hspace="0" vspace="0" align="" onmouseover="window.status='Small Mesh Basket (K30)';return true;" onmouseout="window.status='';return true" /> </a> </div> <div class="ProductCrossPromotionInner0"> <a target="" href="p3039_Small_Mesh_Basket_%28K30%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3039_Small_Mesh_Basket_(K30).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3039="p3039_Small_Mesh_Basket_%28K30%29.html"> <h2 class="GC78 ProductCrossPromotionTitle" ID="ProductCrossPromotionTitle-P3024LD2">Small Mesh Basket (K30)</h2> </a> </div> <div class="ProductCrossPromotionInner1"> <div id="ProductCrossPromotionPriceOriginal-P3039" class="GC66 ProductCrossPromotionPriceOriginal"></div> <div id="ProductCrossPromotionPrice-P3039" class="GC20 ProductCrossPromotionPrice"></div><div id="ProductCrossPromotionPriceCalculated-P3039" class="GC56 ProductCrossPromotionPriceCalculated"></div><div class="GC55 ProductCrossPromotionPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div id="ProductCrossPromotionIncTaxes-P3039" class="ProductCrossPromotionIncTaxes"></div> <div class="ProductCrossPromotionPriceTax"> <span id="ProductCrossPromotionPriceTaxPrice-P3039" class="ProductCrossPromotionPriceTaxPrice"></span> <span id="ProductCrossPromotionPriceTaxPriceText-P3039" class="ProductCrossPromotionPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> <div class="ProductCrossPromotionInner2"> <a target="" href="p3039_Small_Mesh_Basket_%28K30%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3039_Small_Mesh_Basket_(K30).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3039="p3039_Small_Mesh_Basket_%28K30%29.html"> <div class="GC61 ProductCrossPromotionDescription ellipsis" id="ProductCrossPromotionDescription-P3024LD2"></div> </a> </div> <div class="ProductCrossPromotionInner3"> <div class="GC13 sf-corner PageLinkBoxMoreDetails"> <a target="" href="p3039_Small_Mesh_Basket_%28K30%29.html" class="ProductCrossPromotionTitle" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3039_Small_Mesh_Basket_(K30).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3039="p3039_Small_Mesh_Basket_%28K30%29.html"> More details</a></div> </div> </div> <div id="ProductCrossPromotionContainer-P3024LD3" class="GC61 ProductCrossPromotionContainer EqualHeight_ProductCrossPromotionContainer"> <div class="GC16 ProductCrossPromotionImage" ID="ProductCrossPromotionImage-P3024LD3"> <a target="" href="p3040_Large_Mesh_Basket_%28K31%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3040_Large_Mesh_Basket_(K31).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3040="p3040_Large_Mesh_Basket_%28K31%29.html"> <img width="295" height="450" src="../media/trans.gif" data-echo="../media/t_k31.jpg" class="DataEchoLoaded" id="IP3024LD3" name="IP3024LD3" border="0" alt="Large Mesh Basket (K31)" title="Large Mesh Basket (K31)" hspace="0" vspace="0" align="" onmouseover="window.status='Large Mesh Basket (K31)';return true;" onmouseout="window.status='';return true" /> </a> </div> <div class="ProductCrossPromotionInner0"> <a target="" href="p3040_Large_Mesh_Basket_%28K31%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3040_Large_Mesh_Basket_(K31).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3040="p3040_Large_Mesh_Basket_%28K31%29.html"> <h2 class="GC78 ProductCrossPromotionTitle" ID="ProductCrossPromotionTitle-P3024LD3">Large Mesh Basket (K31)</h2> </a> </div> <div class="ProductCrossPromotionInner1"> <div id="ProductCrossPromotionPriceOriginal-P3040" class="GC66 ProductCrossPromotionPriceOriginal"></div> <div id="ProductCrossPromotionPrice-P3040" class="GC20 ProductCrossPromotionPrice"></div><div id="ProductCrossPromotionPriceCalculated-P3040" class="GC56 ProductCrossPromotionPriceCalculated"></div><div class="GC55 ProductCrossPromotionPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div id="ProductCrossPromotionIncTaxes-P3040" class="ProductCrossPromotionIncTaxes"></div> <div class="ProductCrossPromotionPriceTax"> <span id="ProductCrossPromotionPriceTaxPrice-P3040" class="ProductCrossPromotionPriceTaxPrice"></span> <span id="ProductCrossPromotionPriceTaxPriceText-P3040" class="ProductCrossPromotionPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> </div> <div class="ProductCrossPromotionInner2"> <a target="" href="p3040_Large_Mesh_Basket_%28K31%29.html" class="" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3040_Large_Mesh_Basket_(K31).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3040="p3040_Large_Mesh_Basket_%28K31%29.html"> <div class="GC61 ProductCrossPromotionDescription ellipsis" id="ProductCrossPromotionDescription-P3024LD3"></div> </a> </div> <div class="ProductCrossPromotionInner3"> <div class="GC13 sf-corner PageLinkBoxMoreDetails"> <a target="" href="p3040_Large_Mesh_Basket_%28K31%29.html" class="ProductCrossPromotionTitle" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3040_Large_Mesh_Basket_(K31).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;" data-productcrosspromotionurl-P3040="p3040_Large_Mesh_Basket_%28K31%29.html"> More details</a></div> </div> </div> </div> </div> </div> <div id="ProductComments" class="ProductComments"></div> </div><!--Product--> </form> <script type="text/javascript"> /*<![CDATA[*/ function productDetailsPanelShow(n,prid){ var orign=n; if(typeof(n)=='undefined')n=1; var p='ProductDetails',v='',g='',selectorPrefix='[id^=Product-]'; if(prid)selectorPrefix='#Product-'+prid; jQuery(selectorPrefix).each(function(){ jQuery('.'+p+'Tab li',this).each(function(){ jQuery(this).find('span').attr('canfollowlink',true); var i=jQuery(this).data('index')||(parseInt(jQuery(this).attr('id').replace(p+'Tab', ''))); if(n==-1)n=i; v=(i==n)?'On':'Off',g=(i==n)?'GC64':'GC63'; jQuery(this).attr('class',jQuery(this).attr('class').replace(new RegExp('(?:GC64|GC63)? ?(?:'+p+'TabItem '+p+'Tab(?:On|Off) LayoutObject ?)?'),g+' '+p+'TabItem '+p+'Tab'+v+' LayoutObject ')); }); jQuery('[id^='+p+'Panel]',this).each(function(){ var i=parseInt(jQuery(this).attr('id').replace(p+'Panel', '')); if(n==-1)n=i; v=(i==n)?'On':'Off'; jQuery(this).attr('class',jQuery(this).attr('class').replace(new RegExp(' ?'+p+'Panel(?:On|Off)'),'')+' '+p+'Panel'+v); }); if(tf.autoText)tf.autoText.localApply(jQuery('.'+p+'Tab',this).get(0)); }); if(orign!=-1&&tf.utils){equalHeightOnClass();tf.utils.equaldiv();} if(tf.mfhObj)mfhObj.resize(true); return false; } addOnload(function(){ equalHeightClass.push('ProductDetailsTab'); productDetailsPanelShow(-1); }); /*]]>*/ </script> </div> <script type="text/javascript">equalHeightClass.push('EqualHeight_ProductCrossPromotionRecommendContainer');</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('ProductCrossPromotion-1'):['ProductCrossPromotion-1'],_sfEqualRowArr=_sfEqualRowArr||[]; _sfEqualRowOuter.splice(_sfEqualRowOuter.length-1,0,'ProductCrossPromotion-P3024','PHPWidget_Recommend-P3024','ProductCrossPromotionRecommend-1'); _sfEqualRowArr.push('ProductCrossPromotionInner0'); _sfEqualRowArr.push('ProductCrossPromotionInner1'); _sfEqualRowArr.push('ProductCrossPromotionInner2'); _sfEqualRowArr.push('ProductCrossPromotionInner3'); _sfEqualRowArr.push('ProductCrossPromotionImage_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionInner2_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionInner3_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionContainer_Recommend'); 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,'ProductCrossPromotionContainer-'); } } } 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: 46240 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Products/SFX-BASE_2/product.html $ --> <style type="text/css"> .ProductImageContainer{position:relative;text-align:center;} .ProductImageCaption{clear:both;} .ProductImage,.ProductImage a{position:relative;} .ProductImage a{display:block;} .ProductImageContainer .ImgLink.HasSlider {float:left;} .ProductImageContainer:before, .ProductImageContainer:after {content:"";display:table;} .ProductImageContainer:after {clear:both;} .ThumbnailSliderContainer{position:relative;line-height:100%;float:right;} .ThumbnailSlider img {width:auto;height:auto;max-height:80px;max-width:100%;} .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> <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-P3024"><div class="row sf-wrapped"><div class="column full"><span></span></div></div></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"> function pd(){if(tf.utils&&tf.core)tf.utils.populatedata();else setTimeout(pd,100);}pd(); function ams(){var tfu=tf.utils;if(tfu&&tfu.applyms)tfu.applyms();else setTimeout('ams()',50)};if(aMS.length>0)ams(); 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); 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 $ -->