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="Content" class="GC24 ContentBody"> <div itemtype="http://schema.org/BreadcrumbList" class="GC6 Breadcrumbs" itemscope="" ID="Breadcrumbs-D12090"> <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="d12090_Counter-CardDVDCD-Stands.html" title="Counter Card/DVD/CD Stands" itemprop="item"> <span itemprop="name">Counter Card/DVD/CD Stands</span><meta itemprop="position" content="1" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>Counter Card/DVD/CD Stands</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> <style type="text/css"> .ProductImageContainer{position:relative;text-align:center;} .ProductImageCaption{clear:both;} .ProductImage,.ProductImage a{position:relative;} .ProductImage a{display:block;} .ProductImage a img{display:block;margin:0 auto;} .ThumbnailSliderContainer{position:relative;line-height:100%;float:right;padding:5px 5px 5px 4px;} .ThumbnailSlider .ThumbnailSliderItem{display:block;background-color:transparent;margin-bottom:5px;text-align:center;} .ThumbnailSlider [class^=icon] {cursor:pointer;} .ThumbnailSliderMoreLink{text-decoration:underline;font-weight:bold;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSliderContainer {float:none;width:100%;overflow:hidden;margin:10px 0 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider {white-space:nowrap;position:relative;overflow:hidden;height:auto!important;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider .ThumbnailSliderItem {display:inline-block;margin:0 10px 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider img {max-height:80px;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider div[id^=ms_] {width:1000%;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider [class^=icon-] {padding:2px;height:24px!important;font-size:24px!important; width:20px!important; } .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_left, .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_right {display:inline-block;} .ProductImageContainer.ThumbnailSlider-horizontal .ImgLink.HasSlider {width:100%!important;float:none;} </style> <script type="text/javascript"> $(document).ready(function(){ var touchDevice=(/Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(navigator.userAgent)); $('.Product').hover(function(){ $(this).find('a[href] .ProductFilter').show(); }, function(){ $(this).find('a[href] .ProductFilter').hide(); }); if (touchDevice) { $('.Product a[href] .ProductFilter').show().css('opacity',0.01); } }); </script> <style> .NoImage, .NoImage a { position: static !important; } </style> <form name="productForm" id="ProductLoop"> <!-- Require IcoMoon --><div id="ProductLoopInner"> <div class="GC75 Product" ID="Product-P3027"> <a href="p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3027" data-prid="P3027" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3027", "sku":"K4", "name":"A5 Rotary Counter Card Stand 20 Pocket (K4)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K4", "description":"", "image":"https://www.apedisplay.co.uk/contents/media/l_k4-redone.png" }] </script> <a name="p3027"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3027'); //Manufacturer-P3027:Ape Display //ManufacturerCode-P3027:K4 //ProductCode-P3027:K4 function add_P3027(type){ if(tf.coreLoaded){core.load_add(d,type,'P3027','A5 Rotary Counter Card Stand 20 Pocket (K4)','','K4','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3027();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3027" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3027" class="ProductImage"> <a href="p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="260" src="../media/trans.gif" data-echo="../media/t_k4-redone_20221026110950.png" class="DataEchoLoaded" id="IP3027" name="IP3027" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3027 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_K4-Black--1_20220615142759.JPG" tn="../media/t_K4-Black--1.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3027LGCN1" rel="sfMediaBox[ProductMoreImages-P3027]" mw="428" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3027','P3027LGCN1');return false;"></a> <a src="../media/l_k4-Silver--1_20220615142804.JPG" tn="../media/t_k4-Silver--1_20220615142804.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3027LGCN2" rel="sfMediaBox[ProductMoreImages-P3027]" mw="439" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3027','P3027LGCN2');return false;"></a> <a src="../media/l_K4-White--1.JPG" tn="../media/t_K4-White--1.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3027LGCN4" rel="sfMediaBox[ProductMoreImages-P3027]" mw="456" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3027','P3027LGCN4');return false;"></a> <a src="../media/l_k4-Black---2_20220615145121.JPG" tn="../media/t_k4-Black---2.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3027LGCN5" rel="sfMediaBox[ProductMoreImages-P3027]" mw="681" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3027','P3027LGCN5');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3027(){var elTSPIC=gl('ProductImageContainer-P3027'),elTSPI=gl('ProductImage-P3027'),elTSI=gl('IP3027'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3027); jQuery('#IP3027').on('imageLoaded',ProductImageGroupSizer_P3027); </script> </div> <div class="ProductContainer3"> <a href="p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3027_A5_Rotary_Counter_Card_Stand_20_Pocket_(K4).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3027">A5 Rotary Counter Card Stand 20 Pocket (K4)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3028"> <a href="p3028_C5_Rotating_Counter_Card__Stand_20_Pocket_(K5).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3028_C5_Rotating_Counter_Card__Stand_20_Pocket_(K5).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3028" data-prid="P3028" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3028", "sku":"K5", "name":"C5 Rotating Counter Card Stand 20 Pocket (K5)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K5", "description":"", "image":"https://www.apedisplay.co.uk/contents/media/t_K5-New-2.png" }] </script> <a name="p3028"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3028'); //Manufacturer-P3028:Ape Display //ManufacturerCode-P3028:K5 //ProductCode-P3028:K5 function add_P3028(type){ if(tf.coreLoaded){core.load_add(d,type,'P3028','C5 Rotating Counter Card Stand 20 Pocket (K5)','','K5','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3028();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3028" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3028" class="ProductImage"> <a src="../media/t_K5-New-2.png" rel="sfMediaBox[ProductImage-P3028]" id="ProductThumbnailImage-P3028" title="" description="" mediatype="IMG" mw="" mh="" onclick="cancelBuble(event);if(tf.utils&&!tf.isInSF())tf.utils.sfMediaBox.init(['ProductMoreImages-P3028'],gl('ProductImage-P3028').getAttribute('jumptoid'));return false;" class=""> <img width="260" height="260" src="../media/trans.gif" data-echo="../media/t_K5-New-2.png" class="DataEchoLoaded" id="IP3028" name="IP3028" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3028 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_K5-Black--1.JPG" tn="../media/t_K5-Black--1.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN1" rel="sfMediaBox[ProductMoreImages-P3028]" mw="800" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN1');return false;"></a> <a src="/l_K5-New_20240701104024.png" tn="/t_K5-New_20240701104024.png" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN6" rel="sfMediaBox[ProductMoreImages-P3028]" mw="600" mh="600" mediatype="IMG" filetype="png" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN6');return false;"></a> <a src="../media/l_K5-white--1.JPG" tn="../media/t_K5-white--1.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN2" rel="sfMediaBox[ProductMoreImages-P3028]" mw="800" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN2');return false;"></a> <a src="../media/l_K5-Silver--1.JPG" tn="../media/t_K5-Silver--1.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN3" rel="sfMediaBox[ProductMoreImages-P3028]" mw="904" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN3');return false;"></a> <a src="../media/l_K5-white--2.JPG" tn="../media/t_K5-white--2.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN4" rel="sfMediaBox[ProductMoreImages-P3028]" mw="800" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN4');return false;"></a> <a src="../media/l_K5-reworlked.gif" tn="../media/t_K5-reworlked.gif" class="ThumbnailSliderItem" id="ProductMoreImages-P3028LGCN5" rel="sfMediaBox[ProductMoreImages-P3028]" mw="444" mh="600" mediatype="IMG" filetype="gif" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3028','P3028LGCN5');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3028(){var elTSPIC=gl('ProductImageContainer-P3028'),elTSPI=gl('ProductImage-P3028'),elTSI=gl('IP3028'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3028); jQuery('#IP3028').on('imageLoaded',ProductImageGroupSizer_P3028); </script> </div> <div class="ProductContainer3"> <a href="p3028_C5_Rotating_Counter_Card__Stand_20_Pocket_(K5).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3028_C5_Rotating_Counter_Card__Stand_20_Pocket_(K5).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3028">C5 Rotating Counter Card Stand 20 Pocket (K5)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3029"> <a href="p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3029" data-prid="P3029" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3029", "sku":"K6", "name":"Postcard Portrait/Landscape Rotating Counter Stand 33 Pockets (K6)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K6", "description":" ", "image":"https://www.apedisplay.co.uk/contents/media/l_k6-redone.png" }] </script> <a name="p3029"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3029'); //Manufacturer-P3029:Ape Display //ManufacturerCode-P3029:K6 //ProductCode-P3029:K6 function add_P3029(type){ if(tf.coreLoaded){core.load_add(d,type,'P3029','Postcard Portrait/Landscape Rotating Counter Stand 33 Pockets (K6)','','K6','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3029();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3029" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3029" class="ProductImage"> <a href="p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="260" src="../media/trans.gif" data-echo="../media/t_k6-redone.png" class="DataEchoLoaded" id="IP3029" name="IP3029" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3029 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P3029(){var elTSPIC=gl('ProductImageContainer-P3029'),elTSPI=gl('ProductImage-P3029'),elTSI=gl('IP3029'); 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_P3029); jQuery('#IP3029').on('imageLoaded',ProductImageGroupSizer_P3029); </script> </div> <div class="ProductContainer3"> <a href="p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3029_Postcard_Portrait_Landscape_Rotating_Counter_Stand_33_Pockets_(K6).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3029">Postcard Portrait/Landscape Rotating Counter Stand 33 Pockets (K6)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3034"> <a href="p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3034" data-prid="P3034" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3034", "sku":"K12", "name":"5 x 7 Rotating Counter Card Stand 24 Pocket (K12)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K12", "description":" ", "image":"https://www.apedisplay.co.uk/contents/media/l_k12silver.jpg" }] </script> <a name="p3034"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3034'); //Manufacturer-P3034:Ape Display //ManufacturerCode-P3034:K12 //ProductCode-P3034:K12 function add_P3034(type){ if(tf.coreLoaded){core.load_add(d,type,'P3034','5 x 7 Rotating Counter Card Stand 24 Pocket (K12)','','K12','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3034();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3034" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3034" class="ProductImage"> <a href="p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="192" height="260" src="../media/trans.gif" data-echo="../media/t_k12silver.jpg" class="DataEchoLoaded" id="IP3034" name="IP3034" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3034 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_k12black.jpg" tn="../media/t_k12black.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3034LGCN1" rel="sfMediaBox[ProductMoreImages-P3034]" mw="434" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3034','P3034LGCN1');return false;"></a> <a src="../media/l_k12-front.jpg" tn="../media/t_k12-front.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3034LGCN2" rel="sfMediaBox[ProductMoreImages-P3034]" mw="271" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3034','P3034LGCN2');return false;"></a> <a src="../media/l_k12-top-view.jpg" tn="../media/t_k12-top-view.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3034LGCN3" rel="sfMediaBox[ProductMoreImages-P3034]" mw="619" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3034','P3034LGCN3');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3034(){var elTSPIC=gl('ProductImageContainer-P3034'),elTSPI=gl('ProductImage-P3034'),elTSI=gl('IP3034'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3034); jQuery('#IP3034').on('imageLoaded',ProductImageGroupSizer_P3034); </script> </div> <div class="ProductContainer3"> <a href="p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3034_5__x_7__Rotating_Counter_Card_Stand_24_Pocket_(K12).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3034">5 x 7 Rotating Counter Card Stand 24 Pocket (K12)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3066"> <a href="p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3066" data-prid="P3066" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3066", "sku":"K91", "name":"5.5x5.5 Counter Rotating Card Stand 16 Pockets (K91)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K91", "description":" ", "image":"https://www.apedisplay.co.uk/contents/media/l_k91.jpg" }] </script> <a name="p3066"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3066'); //Manufacturer-P3066:Ape Display //ManufacturerCode-P3066:K91 //ProductCode-P3066:K91 function add_P3066(type){ if(tf.coreLoaded){core.load_add(d,type,'P3066','5.5x5.5 Counter Rotating Card Stand 16 Pockets (K91)','','K91','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3066();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3066" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3066" class="ProductImage"> <a href="p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="133" height="260" src="../media/trans.gif" data-echo="../media/t_k91_20191104091758.jpg" class="DataEchoLoaded" id="IP3066" name="IP3066" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3066 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P3066(){var elTSPIC=gl('ProductImageContainer-P3066'),elTSPI=gl('ProductImage-P3066'),elTSI=gl('IP3066'); 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_P3066); jQuery('#IP3066').on('imageLoaded',ProductImageGroupSizer_P3066); </script> </div> <div class="ProductContainer3"> <a href="p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3066_5.5_x5.5__Counter_Rotating_Card_Stand_16_Pockets_(K91).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3066">5.5x5.5 Counter Rotating Card Stand 16 Pockets (K91)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3067"> <a href="p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3067" data-prid="P3067" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3067", "sku":"K92", "name":"5 x 7 Rotating Counter Card Stand 12 Pocket (K92)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K92", "description":"", "image":"https://www.apedisplay.co.uk/contents/media/l_k92.jpg" }] </script> <a name="p3067"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3067'); //Manufacturer-P3067:Ape Display //ManufacturerCode-P3067:K92 //ProductCode-P3067:K92 function add_P3067(type){ if(tf.coreLoaded){core.load_add(d,type,'P3067','5 x 7 Rotating Counter Card Stand 12 Pocket (K92)','','K92','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3067();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3067" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3067" class="ProductImage"> <a href="p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="116" height="260" src="../media/trans.gif" data-echo="../media/t_k92_20191104085229.jpg" class="DataEchoLoaded" id="IP3067" name="IP3067" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3067 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_k92-top.jpg" tn="../media/t_k92-top.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3067LGCN1" rel="sfMediaBox[ProductMoreImages-P3067]" mw="588" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3067','P3067LGCN1');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3067(){var elTSPIC=gl('ProductImageContainer-P3067'),elTSPI=gl('ProductImage-P3067'),elTSI=gl('IP3067'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3067); jQuery('#IP3067').on('imageLoaded',ProductImageGroupSizer_P3067); </script> </div> <div class="ProductContainer3"> <a href="p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3067_5__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K92).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3067">5 x 7 Rotating Counter Card Stand 12 Pocket (K92)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3069"> <a href="p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3069" data-prid="P3069" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3069", "sku":"K100", "name":"7 x 7 Rotating Counter Card Stand 12 Pocket (K100)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K100", "description":" ", "image":"https://www.apedisplay.co.uk/contents/media/l_k100-redone.png" }] </script> <a name="p3069"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3069'); //Manufacturer-P3069:Ape Display //ManufacturerCode-P3069:K100 //ProductCode-P3069:K100 function add_P3069(type){ if(tf.coreLoaded){core.load_add(d,type,'P3069','7 x 7 Rotating Counter Card Stand 12 Pocket (K100)','','K100','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3069();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3069" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3069" class="ProductImage"> <a href="p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="260" src="../media/trans.gif" data-echo="../media/t_k100-redone.png" class="DataEchoLoaded" id="IP3069" name="IP3069" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3069 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <script type="text/javascript"> function ProductImageGroupSizer_P3069(){var elTSPIC=gl('ProductImageContainer-P3069'),elTSPI=gl('ProductImage-P3069'),elTSI=gl('IP3069'); 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_P3069); jQuery('#IP3069').on('imageLoaded',ProductImageGroupSizer_P3069); </script> </div> <div class="ProductContainer3"> <a href="p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3069_7__x_7__Rotating_Counter_Card_Stand_12_Pocket_(K100).html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3069">7 x 7 Rotating Counter Card Stand 12 Pocket (K100)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3078"> <a href="p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3078" data-prid="P3078" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3078", "sku":"K96", "name":"Book or Plate Stand 10 PACK (Large K96)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K96", "description":" Metal Stand/Easel for Books/Plates/Frames etc PACK OF 10", "image":"https://www.apedisplay.co.uk/contents/media/l_plate-and-book-stand.jpg" }] </script> <a name="p3078"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3078'); //Manufacturer-P3078:Ape Display //ManufacturerCode-P3078:K96 //ProductCode-P3078:K96 function add_P3078(type){ if(tf.coreLoaded){core.load_add(d,type,'P3078','Book or Plate Stand 10 PACK (Large K96)','','K96','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3078();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3078" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3078" class="ProductImage"> <a href="p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="208" src="../media/trans.gif" data-echo="../media/t_plate-and-book-stand.jpg" class="DataEchoLoaded" id="IP3078" name="IP3078" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3078 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_plate-display.jpg" tn="../media/t_plate-display.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3078LGCN2" rel="sfMediaBox[ProductMoreImages-P3078]" mw="711" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3078','P3078LGCN2');return false;"></a> <a src="../media/l_book-display.jpg" tn="../media/t_book-display.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3078LGCN3" rel="sfMediaBox[ProductMoreImages-P3078]" mw="755" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3078','P3078LGCN3');return false;"></a> <a src="../media/l_gold-book-stand.JPG" tn="../media/t_gold-book-stand.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3078LGCN4" rel="sfMediaBox[ProductMoreImages-P3078]" mw="858" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3078','P3078LGCN4');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3078(){var elTSPIC=gl('ProductImageContainer-P3078'),elTSPI=gl('ProductImage-P3078'),elTSI=gl('IP3078'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3078); jQuery('#IP3078').on('imageLoaded',ProductImageGroupSizer_P3078); </script> </div> <div class="ProductContainer3"> <a href="p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3078_Metal_Stand_Easel_for_Books_Plates_Frames_etc_(K94_95_96.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3078">Book or Plate Stand 10 PACK (Large K96)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3079"> <a href="p3079.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3079.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3079" data-prid="P3079" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3079", "sku":"K95", "name":"Book or Plate Stand 10 PACK (Medium K95)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K95", "description":" Metal Stand/Easel for Books/Plates/Frames etc PACK OF 10", "image":"https://www.apedisplay.co.uk/contents/media/l_plate-and-book-stand.jpg" }] </script> <a name="p3079"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3079'); //Manufacturer-P3079:Ape Display //ManufacturerCode-P3079:K95 //ProductCode-P3079:K95 function add_P3079(type){ if(tf.coreLoaded){core.load_add(d,type,'P3079','Book or Plate Stand 10 PACK (Medium K95)','','K95','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3079();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3079" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3079" class="ProductImage"> <a href="p3079.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3079.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="208" src="../media/trans.gif" data-echo="../media/t_plate-and-book-stand.jpg" class="DataEchoLoaded" id="IP3079" name="IP3079" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3079 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_book-display_20191101151907.jpg" tn="../media/t_book-display_20191101151907.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3079LGCN1" rel="sfMediaBox[ProductMoreImages-P3079]" mw="755" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3079','P3079LGCN1');return false;"></a> <a src="../media/l_plate-display_20191101151914.jpg" tn="../media/t_plate-display_20191101151914.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3079LGCN2" rel="sfMediaBox[ProductMoreImages-P3079]" mw="711" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3079','P3079LGCN2');return false;"></a> <a src="../media/l_gold-book-stand_20221026154119.JPG" tn="../media/t_gold-book-stand.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3079LGCN3" rel="sfMediaBox[ProductMoreImages-P3079]" mw="858" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3079','P3079LGCN3');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3079(){var elTSPIC=gl('ProductImageContainer-P3079'),elTSPI=gl('ProductImage-P3079'),elTSI=gl('IP3079'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3079); jQuery('#IP3079').on('imageLoaded',ProductImageGroupSizer_P3079); </script> </div> <div class="ProductContainer3"> <a href="p3079.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3079.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3079">Book or Plate Stand 10 PACK (Medium K95)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <div class="GC75 Product" ID="Product-P3080"> <a href="p3080.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3080.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <div id="ProductFilter" class="GC9 ProductFilter"> </div> </a> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="3080" data-prid="P3080" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P3080", "sku":"K94", "name":"Book or Plate Stand 10 PACK (Small K94)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K94", "description":" Metal Stand/Easel for Books/Plates/Frames etc PACK OF 10", "image":"https://www.apedisplay.co.uk/contents/media/l_plate-and-book-stand.jpg" }] </script> <a name="p3080"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P3080'); //Manufacturer-P3080:Ape Display //ManufacturerCode-P3080:K94 //ProductCode-P3080:K94 function add_P3080(type){ if(tf.coreLoaded){core.load_add(d,type,'P3080','Book or Plate Stand 10 PACK (Small K94)','','K94','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P3080();',500);} } /*]]>*/ </script> <div id="ProductImageContainer-P3080" class="GC75 ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P3080" class="ProductImage"> <a href="p3080.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3080.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;"> <img width="260" height="208" src="../media/trans.gif" data-echo="../media/t_plate-and-book-stand.jpg" class="DataEchoLoaded" id="IP3080" name="IP3080" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <style> #ProductImage-P3080 img{width:auto;height:auto;max-height:260px!important;max-width:100%;} </style> <style type="text/css"> .ProductImage .NoImage{background:url(../media/no_image.png) center no-repeat;min-height:100px;display:block;} </style> <a src="../media/l_book-display_20191101151944.jpg" tn="../media/t_book-display_20191101151944.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3080LGCN1" rel="sfMediaBox[ProductMoreImages-P3080]" mw="755" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3080','P3080LGCN1');return false;"></a> <a src="../media/l_plate-display_20191101151950.jpg" tn="../media/t_plate-display_20191101151950.jpg" class="ThumbnailSliderItem" id="ProductMoreImages-P3080LGCN2" rel="sfMediaBox[ProductMoreImages-P3080]" mw="711" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3080','P3080LGCN2');return false;"></a> <a src="../media/l_Plate-and-book-stand-gold.JPG" tn="../media/t_Plate-and-book-stand-gold.JPG" class="ThumbnailSliderItem" id="ProductMoreImages-P3080LGCN3" rel="sfMediaBox[ProductMoreImages-P3080]" mw="858" mh="600" mediatype="IMG" filetype="jpg" title="" description="" onclick="cancelBuble(event);tf.core.crFFldImager.replace('P3080','P3080LGCN3');return false;"></a> <script type="text/javascript"> function ProductImageGroupSizer_P3080(){var elTSPIC=gl('ProductImageContainer-P3080'),elTSPI=gl('ProductImage-P3080'),elTSI=gl('IP3080'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P3080); jQuery('#IP3080').on('imageLoaded',ProductImageGroupSizer_P3080); </script> </div> <div class="ProductContainer3"> <a href="p3080.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p3080.html','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),true);return true;" style="display:block;background-image:none;" title=""> <h3 class="GC37 ProductTitle" ID="ProductTitle-P3080">Book or Plate Stand 10 PACK (Small K94)</h3> </a> </div> <div class="ProductPriceContainer"> </div> </div> <span> </span> </div> </form> <script type="text/javascript"> $(window).on('load resize domChanged', function () { var $container = $('#ProductLoopInner'), $items = $('.Product', $container); var outerSpace = $items.outerWidth() - $items.width() + parseFloat($items.css('margin-left')) + parseFloat($items.css('margin-right')); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 5, itemMaxWidth = 260, w = 0; for (var n = 1; n <= 5; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $('.Product', $container).width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); }); $(window).trigger('resize'); $(document).ready(function(){ $("img.DataEchoLoaded").each(function(){ var title=$(this).attr("title"); $(this).parent().parent().parent().parent().siblings("a").attr({"title":title}); }); $("img.DataEchoLoaded").each(function(){ var link=$(this).parent().attr("href"); $(this).parent().parent().parent().parent().siblings("a").attr({"href":link}); }); }); </script> <script type="text/javascript"> /*<![CDATA[*/ tf.sfOffsetCenterCols=0; function sfEqualRow(oOffset, idChildPrefix, aItm, idItemPrefix) { function affectHeight(els, x, mh, nn) { for (var n = 0; n < nn; n++) { var el = els[x - n]; if (el) { jQuery(el).outerHeight(mh); } } } if (!tf.sfOffsetCenterCols) { var w = jQuery(oOffset).find('[id^="' + idItemPrefix.split(',').join('"],[id^="') + '"]').first().outerWidth(true); if (w > 0) { tf.sfOffsetCenterCols = parseInt((jQuery(oOffset).width() / w)); } } var coll = jQuery(oOffset).find('.' + idChildPrefix); if (coll.length > 0) { var maxh = 0, idx = 0; if(tf.isiPhone){ var $this=jQuery(this); jQuery('img[src$="trans.gif"][data-echo]',coll).each(function(){ $this.attr('style', ($this.attr('style')||'')+'width:'+($this.attr('width')||'')+'px!important;height:'+($this.attr('height')||'')+'px!important;'); }); } jQuery(coll).each(function () { if(jQuery('img',this).length==0||(jQuery('img[data-echo]',this).length==0&&jQuery('img',this).height()>1))jQuery(this).css('height', ''); maxh = Math.max(maxh, jQuery(this).outerHeight()); if ((idx % tf.sfOffsetCenterCols) == tf.sfOffsetCenterCols - 1) { affectHeight(coll, idx, maxh, tf.sfOffsetCenterCols); maxh = 0; } idx++; }); affectHeight(coll, idx, maxh, (coll.length % tf.sfOffsetCenterCols) + 1); } } var _sfEqualRowOuter=_sfEqualRowOuter?_sfEqualRowOuter.concat('ProductLoop'):['ProductLoop'],_sfEqualRowArr=_sfEqualRowArr||[]; _sfEqualRowArr.push('ProductImageContainer'); _sfEqualRowArr.push('ProductContainer3'); _sfEqualRowArr.push('ProductContainer2'); _sfEqualRowArr.push('Product'); var equalRowPoll = null; var sfEqualRowOnload = function() { clearTimeout(equalRowPoll); equalRowPoll = setTimeout(function(){ sfEqualRowCall(); equalRowPoll = null; }, 500); }; function sfEqualRowCall(){ for(var m=0,mm=_sfEqualRowOuter.length;m<mm;m++){ if(!gl(_sfEqualRowOuter[m]))continue; tf.sfOffsetCenterCols=0; for(var n=0,nn=_sfEqualRowArr.length;n<nn;n++){ sfEqualRow(gl(_sfEqualRowOuter[m]),_sfEqualRowArr[n],null,'Product-'); } } } function sfEqualRowOnresize(){tf.sfOffsetCenterCols=0;if(typeof(sfOffsetCenterOnresize)!='undefined')sfOffsetCenterOnresize();sfEqualRowOnload();if(typeof(populateProductFlash)!='undefined')populateProductFlash(productFlashVarsArr,'DesignImage');} addEvent('onresize',sfEqualRowOnresize,window); if(tf.sfMakeSpace&&tf.sfMakeSpace.posthandlers) tf.sfMakeSpace.posthandlers.push(sfEqualRowOnload); /*]]>*/ </script> <!-- Version tag, please don't remove $Revision: 46564 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-SHA_1/productloop.html $ --> <div id="AutoSplitPageBottom"></div> </div> </div> <div id="AutoSplitPageBottom"></div> </div> <div id="FooterClearance"> <span>!</span> </div> </div> <div id="WebSiteFooter" class="GC40 WebSiteFooter"> <div id="Index1-spacer"> <div id="Index1Bar" class="GC28 Index1Bar"></div> <div id="Index1" class="GC28 Index1"> <script src="../../shared_files/jquery.menu-aim.js" defer="true"></script> <script src="../../shared_files/jquery.megamenu.js" defer="true"></script> <script type="text/javascript"> $(function(){ $('.Index1').on('load', function(){ var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1'); var GCNum = [ {'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'}, {'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'} ][idxNum-1]; $('.idx'+idxNum+'Submenu').empty(); var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true); if ($branch.length > 0) { var $subpageNavigation = $('#idxSubpageNavigationAlt'); if ($subpageNavigation.length == 0) { $subpageNavigation = $('#idxSubpageNavigation'); if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>'); var placed = false, $placement = $('.PageTitle'); if ($placement.length > 0) { $placement.after($subpageNavigation); if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; } if (!placed) { var selectors = ['.PageIntroduction', '.PageDescription']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.before($subpageNavigation); if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; break; } } } if (!placed) { var selectors = ['#PageContainer1', '#PageContainer11']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.append($subpageNavigation); break; } } } } $subpageNavigation .width('auto') .removeClass('GC28 GC32') .append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>'); $branch.find('> li > ul, i[class*=icon-], li.see-all').remove(); $branch.find('> li') .on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .addClass('idx'+idxNum+'Sub') .find('> a') .on('mouseover', function(){tf.navOvr(this, '', '');}) .on('mouseout', function(){tf.navOut(this, '', '');}) .addClass('idx'+idxNum+'Sub') ; var mh = 0; $branch.find('> li > a > img').each(function(){ var hasImg = !!$(this).attr('src'); if (!hasImg) $(this).hide(); mh = Math.max(mh, $(this).css('max-height')); }); var prop = (mh ? 'height:'+mh+'px;' : ''); $branch.find('> li > a').each(function(){ if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>'); else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>'); $(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>'); }); $('.idx'+idxNum+'Submenu').empty().append($branch); $(window).on('load resize', function () { var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container); var outerSpace = $items.outerWidth(true) - $items.width(); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 8, itemMaxWidth = 260, w = 0; for (var n = 1; n <= maxColumns; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $items.width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); if(tf.echo)tf.echo.render(); }); $(window).trigger('resize'); } $('img', $(this)).remove(); $('> ul[class*=idx]', $(this)) .sfMegaMenu({ 'submenuDirection':'above', 'layout':'base', 'showImages':false, 'iconOpenRight':'icon-arrow-right3', 'iconOpenDown':'icon-arrow-down3', 'iconNoImage':'icon-image', 'iconPin':'icon-pushpin', 'idxNum':idxNum, 'onLoad':function() { var $idxSlider = $('#Index1 > .idx1List'); $('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove(); function setIdxSlider() { $idxSlider.parent().width('100%').css('float','none'); $idxSlider .on('cellSelect', function(){ var flkty = $(this).data('flickity'); if (flkty) { if (flkty.selectedIndex == $(this).data('selectedIndex')) return; if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) { if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex'); else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--; } $(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')}); } }) .on('settle', function(){ var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0; if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4])); if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled'); else $('.next', this).removeAttr('disabled'); }) .flickity({ cellAlign: 'left', contain: true, wrapAround: false, autoPlay: false, draggable: true, freeScroll: true, setGallerySize: false, prevNextButtons: true, pageDots: false, percentPosition: false }) .flickity('resize') .find('.flickity-viewport') .find('.flickity-slider').addClass('idx1List').each(function(){ $(this).height($('> li', this).outerHeight(true)).css('bottom', 0); }) .end() .parentsUntil('[id^=WebSite]').each(function(){ var zIndex = $(this).css('z-index'); if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001); }) ; } function unsetIdxSlider() { if ($idxSlider.hasClass('flickity-enabled')) { $idxSlider .flickity('destroy') ; } $idxSlider.parent().css({'float':''}); } $(window).on('resize', function () { unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'}); if ($('#WebSite').width() > 619) { var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1; $('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); }); if (w-1 > wContainer) { setIdxSlider(); $idxSlider.flickity('resize'); setTimeout(function(){$idxSlider.flickity('reposition');}, 200); } else if (w < wContainer) unsetIdxSlider(); } }); $(window).trigger('resize'); } }) .parent().find('.idx1List > li > a > span').addClass('vcenter'); }); }); </script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script> <!-- Version tag, please don't remove $Revision: 46130 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-BASE_1/toplevel.html $ --> <i class="icon-spinner2 icon-fa-spin"></i> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.Index1').load(tf.wm.url('d-34.html','-',true)+' ',function(){ if(tf.isEntryPage){ jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true); }); jQuery('.Index1 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));}); } else { jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) { this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); } }); } jQuery('.Index1 #idx1D-2').parent('li').remove(); jQuery('.Index1').trigger('load'); }); jQuery('#CompanyImage a[href], .CompanyImage a[href]').not('a[href^=http]').each(function(){ var href = this.href.replace(/.*\//,''); if(tf.isEntryPage) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); else this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); }); }); </script> </div><div id="idx1Sentinel"></div> </div> <div class="GC40 WebSiteFootnote" ID="WebSiteFootnote-D12090"><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"> function pd(){if(tf.utils&&tf.core)tf.utils.populatedata();else setTimeout(pd,100);}pd(); 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(); 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 $ -->