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-D7046"> <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="d7046_Industrial-Furniture.html" title="Industrial Furniture" itemprop="item"> <span itemprop="name">Industrial Furniture</span><meta itemprop="position" content="1" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>Industrial Furniture</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> <form name="productForm" id="ProductLoop"> <!-- Require IcoMoon --><div id="ProductLoopInner"> <div class="GC4 Product" ID="Product-P115143"> <span class="stamped-product-reviews-badge stamped-main-badge" data-id="115143" data-prid="P115143" data-init="true" style="display:none;"></span> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P115143", "sku":"P115143", "name":"Industrial Carriage Table ", "brand":{"@type":"Brand","name":"Ape Display"}, "description":"This sturdy, stylish, statement piece took inspiration from old steam trains and carriages. The axle pivots alongside the wheels being able to rotate, allowing you to orient the desk to your taste. ", "image":"https://www.apedisplay.co.uk/contents/media/l_Table-test--copy.png" }] </script> <a name="p115143"></a> <script type="text/javascript"> /*<![CDATA[*/ _sfProductsInPage.push('P115143'); //Manufacturer-P115143:Ape Display function add_P115143(type){ if(tf.coreLoaded){core.load_add(d,type,'P115143','Industrial Carriage Table ','','','',0,'','','','','',null,isInSF(),s,'');}else{setTimeout('add_P115143();',500);} } /*]]>*/ </script> <a href="p115143_Industrial-Carriage-Table-.html" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('p115143_Industrial-Carriage-Table-.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="ProductImageContainer-P115143" class=" ProductImageContainer ThumbnailSlider-vertical" style="width:260px;height:260px;max-height:260px;"> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P115143" class="ProductImage"> <img width="260" height="194" src="../media/trans.gif" data-echo="../media/t_Table-test--copy.png" class="DataEchoLoaded" id="IP115143" name="IP115143" border="0" alt="" title="" hspace="" vspace="" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> </div> </div> <style> #ProductImage-P115143 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> <script type="text/javascript"> function ProductImageGroupSizer_P115143(){var elTSPIC=gl('ProductImageContainer-P115143'),elTSPI=gl('ProductImage-P115143'),elTSI=gl('IP115143'); if(!elTSPIC||!elTSPI||!elTSI)return; elTSPI.style.width='auto'; } addOnload(ProductImageGroupSizer_P115143); jQuery('#IP115143').on('imageLoaded',ProductImageGroupSizer_P115143); </script> </div> <div class="ProductContainer3"> <h3 class="GC37 ProductTitle" ID="ProductTitle-P115143">Industrial Carriage Table </h3> </div> </a> <div class="ProductPriceContainer"> </div> </div> <span> </span> <input type="hidden" name="ProductPriceLayout" /> </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)); }); </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: 44733 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-LITE_1/productloop.html $ --> <div id="AutoSplitPageBottom"></div> </div> </div> <div class="GC19 PageFootnote" ID="PageFootnote-D7046"><div class="row clearfix b12 sf-cb"> <div class="column full"> <div class="center"> <a class="linked" href="d11074_TEst.html"><img height="191" class="linked" style="border-radius: 500px; width: 191px; display: inline; max-height: 450px;" src="../media/trans.gif" data-ratio="fixed" data-installation-image-changed="true" data-max_size="450x450" data-rec_size="200x200" data-echo="../media/table_20220615152104.JPG"></a> </div> <h1 class="display center"> <a href="d11074_TEst.html">BESPOKE FURNITURE</a></h1><h4 class="display center">Enquire to get custom designed pieces. </h4> </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-D7046"><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 $ -->