0
</noscript></div></div> </div> <div class="WebSiteHtmlCodeTop" ID="WebSiteHtmlCodeTop-HC5"> <script> /* SFNOTE_BEGIN:prevent script execution when in editing mode */ if(typeof(tf)!='undefined'&&(typeof(tf.isInSF)=='undefined'||!tf.isInSF())){ /* SFNOTE_END:prevent script execution when in editing mode */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'G-58L8Z22T9Q', 'auto'); ga('send', 'pageview'); /* SFNOTE_BEGIN:prevent script execution when in editing mode */ } /* SFNOTE_END:prevent script execution when in editing mode */ </script> </div> <div class="WebSiteHtmlCodeTop" ID="WebSiteHtmlCodeTop-HC6"> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-575536369"></script> <script> /* SFNOTE_BEGIN:prevent script execution when in editing mode */ if(typeof(tf)!='undefined'&&(typeof(tf.isInSF)=='undefined'||!tf.isInSF())){ /* SFNOTE_END:prevent script execution when in editing mode */ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-575536369'); gtag('event', 'purchase', {<ecommerce_parameters>}); gtag('event', 'add_to_cart', {<ecommerce_parameters>}); gtag('event', 'view_item', {<ecommerce_parameters>}); gtag('event', 'begin_checkout', {<ecommerce_parameters>}); /* SFNOTE_BEGIN:prevent script execution when in editing mode */ } /* SFNOTE_END:prevent script execution when in editing mode */ </script> </div> <div id="WebSite" class="GC38"> <div id="WebSiteHeader" class="GC39 LayoutObject"> <div id="WebSiteHeaderInner" class="WebSiteHeaderInner"> <div id="TopBar" class="GC89 TopBar"> <div id="TopBarDesign" class="GC89 TopBarDesign"></div> </div> <div id="DesignImage1" class="GC26 DesignImage1"> <span id="DesignBar1" class="GC26 top-designbar" sf:fixedwidth="1920"></span> <div class="header-mid-bar"> <div class="title-wrapper"> <div id="CompanyImage" class="smaller"> <a href="../../index.html" title="APE Display"> <img width="156" height="50" src="../media/trans.gif" data-echo="../media/b_NEw-logo-test-_20230220135556.png" class="DataEchoLoaded" id="I" name="I" border="0" alt="APE Display" title="APE Display" hspace="0" vspace="0" align="" onmouseover="window.status='APE Display';return true;" onmouseout="window.status='';return true" /> </a> </div> </div> <div class="wrap_bottom"> <div class="top-right"> <div id="Search" class="GC86"> <div id="search-wrapp" class="search-wrapper-new"> <form name="search"> <input class="GC22 SearchTextField" type="text" id="phrase" name="phrase" size="12" maxlength="40" placeholder="Search Phrase" /> <a id="serachIcon" class="GC48 icon-search2 SearchButton" title="Find" href="#"></a> <a class="GC48 icon-zoom-in2 SearchButton SearchButtonAdvanced" title="Advanced Search" href="#"></a> </form> </div> </div> <div id="MiniCart" class="GC36"> <div id="MiniCartTotal" class="MiniCartTotal"> <a href="#" class="MiniCartLink MiniCartInner" title="My cart"> <i id="minicart-icon" class="GC36 sf-corner icon-cart MiniCartDesignImage1"></i> <span class="GC36 MiniCartTotalItemsQuantity sf-corner">0</span><!-- <span class="MiniCartTotalAmount"></span> <span class="MiniCartTotalSummary"></span> <span class="MiniCartTotalItemsQuantity"></span> <span class="MiniCartTotalTotalText"></span> <span class="MiniCartTotalPlusExpenses"></span> <span class="MiniCartTotalPlusExpensesText"></span> <span class="MiniCartTotalList"></span> --> </a> </div> </div> <div id="SwitchCurrency"> <a href="#" class="SwitchCurrencyLink" title="Pick your currency"> <i id="currencySymbol" class="GC36 currencySymbol"></i> <script type="text/javascript"> function SwitchCurrencyLink_ShowSymbol() { if (!tf.bskLoaded) setTimeout(SwitchCurrencyLink_ShowSymbol, 500); $('.SwitchCurrencyLink #currencySymbol').html(tf.currentCurrency.abbrev); } SwitchCurrencyLink_ShowSymbol(); </script> </a> </div> </div> </div> </div> </div> <div id="Index2-spacer"> <div id="Index2Bar" class="GC32 Index2Bar"></div> <div id="Index2" class="GC32 Index2"> <script src="../../shared_files/jquery.menu-aim.js" defer="true"></script> <script src="../../shared_files/jquery.megamenu.js" defer="true"></script> <script type="text/javascript" src="../media/packery.pkgd.min.js"></script> <script type="text/javascript"> $(function(){ $('.Index2').on('load', function(){ var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1'); var GCNum = [ {'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'}, {'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'} ][idxNum-1]; $('.idx'+idxNum+'Submenu').empty(); var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true); if ($branch.length > 0) { var $subpageNavigation = $('#idxSubpageNavigationAlt'); if ($subpageNavigation.length == 0) { $subpageNavigation = $('#idxSubpageNavigation'); if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>'); var placed = false, $placement = $('.PageTitle'); if ($placement.length > 0) { $placement.after($subpageNavigation); if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; } if (!placed) { var selectors = ['.PageIntroduction', '.PageDescription']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.before($subpageNavigation); if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; break; } } } if (!placed) { var selectors = ['#PageContainer1', '#PageContainer11']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.append($subpageNavigation); break; } } } } $subpageNavigation .width('auto') .removeClass('GC28 GC32') .append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>'); $branch.find('> li > ul, i[class*=icon-], li.see-all').remove(); $branch.find('> li') .on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .addClass('idx'+idxNum+'Sub') .find('> a') .on('mouseover', function(){tf.navOvr(this, '', '');}) .on('mouseout', function(){tf.navOut(this, '', '');}) .addClass('idx'+idxNum+'Sub') ; var mh = 0; $branch.find('> li > a > img').each(function(){ var hasImg = !!$(this).attr('src'); if (!hasImg) $(this).hide(); mh = Math.max(mh, $(this).css('max-height')); }); var prop = (mh ? 'height:'+mh+'px;' : ''); $branch.find('> li > a').each(function(){ if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>'); else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>'); $(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>'); }); $('.idx'+idxNum+'Submenu').empty().append($branch); $(window).on('load resize', function () { var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container); var outerSpace = $items.outerWidth(true) - $items.width(); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 8, itemMaxWidth = 260, w = 0; for (var n = 1; n <= maxColumns; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $items.width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); if(tf.echo)tf.echo.render(); }); $(window).trigger('resize'); } $('> ul[class*=idx]',$(this)) .sfMegaMenu({ 'submenuDirection':'below', 'layout':'mega', 'showImages':1, 'iconOpenRight':'icon-arrow-right3', 'iconOpenDown':'icon-arrow-down3', 'iconNoImage':'icon-image', 'iconPin':'icon-pushpin', 'idxNum':idxNum, 'onLoad':function() { var $idxSlider = $('#Index2 > .idx2List'); $('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove(); function setIdxSlider() { $idxSlider.parent().width('100%').css('float','none'); $idxSlider .on('cellSelect', function(){ var flkty = $(this).data('flickity'); if (flkty) { if (flkty.selectedIndex == $(this).data('selectedIndex')) return; if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) { if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex'); else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--; } $(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')}); } }) .on('settle', function(){ var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0; if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4])); if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled'); else $('.next', this).removeAttr('disabled'); }) .flickity({ cellAlign: 'left', contain: true, wrapAround: false, autoPlay: false, draggable: true, freeScroll: true, setGallerySize: false, prevNextButtons: true, pageDots: false, percentPosition: false }) .flickity('resize') .find('.flickity-viewport') .find('.flickity-slider').addClass('idx2List') .end() .parentsUntil('[id^=WebSite]').each(function(){ var zIndex = $(this).css('z-index'); if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001); }) ; } function unsetIdxSlider() { if ($idxSlider.hasClass('flickity-enabled')) { $idxSlider .flickity('destroy') ; } $idxSlider.parent().css({'float':''}); } $(window).on('resize', function () { unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'}); if ($('#WebSite').width() > 619) { var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1; $('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); }); if (w-1 > wContainer) { setIdxSlider(); $idxSlider.flickity('resize'); setTimeout(function(){$idxSlider.flickity('reposition');}, 200); } else if (w < wContainer) unsetIdxSlider(); } }); $(window).trigger('resize'); }, 'onAfterOpen':function(o, b){ $('.sfmm-dropdown-content').packery({ itemSelector: '.sfmm-dropdown-content > li', gutter:0 }); } }) .find('> li > a > .thumbnail-inner, > li > a > img').remove() .end() .parent().find('.idx2List > li > a > span').addClass('vcenter'); }); }); </script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script> <!-- Version tag, please don't remove $Revision: 46130 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-MEGAPIX-1_1/toplevel.html $ --> <i class="icon-spinner2 icon-fa-spin"></i> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.Index2').load(tf.wm.url('d-33.html','-',true)+' ',function(){ if(tf.isEntryPage){ jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true); }); jQuery('.Index2 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));}); } else { jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) { this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); } }); } jQuery('.Index2').trigger('load'); }); }); </script> </div><div id="idx2Sentinel"></div> </div> <!-- SFNOTE_END: IndexCodeSnippetBottom --></div> </div> <div id="WebSiteContent" class="GC1 inner-content"> <div id="Content" class="GC24 ContentBody"> <div itemtype="http://schema.org/BreadcrumbList" class="GC6 Breadcrumbs" itemscope="" ID="Breadcrumbs-P60103"> <div class="GC6 breadcrumDesign"></div> <div class="BreadcrumbsTrail"> <script type="text/javascript"> addEvent('onunload',function(){tf.nametag.add('pgidxFrom',tf.pgidx);return true;}); </script> <a href="d7045_Tube--Clamps.html#p60103" onclick="cancelBuble(event);if(tf.isInDesigner()){history.back();return false;}var backURL=tf.moreHistory.pop(tf.pgidx);if(backURL)location=(backURL.indexOf(tf.enterFilename)==0?'../../':'')+backURL;else{if(tf.moreHistory._stack.length==0)return true;else history.back();}return false;"><span class="LayoutObject" id="BackLink"> << Back </span></a> | <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="../../index.html" title="Home " itemprop="item"> <span itemprop="name">Home </span><meta itemprop="position" content="0" /> </a> </nobr> <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a href="d7045_Tube--Clamps.html" title="Tube Clamps" itemprop="item"> <span itemprop="name">Tube Clamps</span><meta itemprop="position" content="1" /> </a> </nobr> <nobr itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display:none;"> <a href="p60103_Tube.html" title="Metal Tube (K130)" itemprop="item"> <span itemprop="name">Metal Tube (K130)</span><meta itemprop="position" content="2" /> </a> </nobr> <style>.Breadcrumbs nobr {display:inline;}</style> <nobr><span>Metal Tube (K130)</span></nobr> </div> </div> <div id="PageContainer11" class="EqualHeight_PageContainer1"> <!-- Page elements are kept in this div so the if statement above may make room for PageLinkBox --> <div id="PageContainer1" class="EqualHeight_PageContainer1"> <script type="text/javascript">tf.lastpage=tf.wm?tf.wm.jfile(location.href):'';tf.nametag.add('lastpage',tf.lastpage);tf.lastdeptpage=tf.wm?tf.wm.jfile(location.href):'';tf.nametag.add('lastdeptpage',tf.lastdeptpage);</script> <script type="text/javascript"> /*<![CDATA[*/ function mfw(){var a='<div style="line-height:0.01em;height:0;overflow-y:hidden;">';for(var n=0;n<20;n++)a+='<!-- MakeFullWidth'+n+' -->';a+='</div>';dw(a);} var jsloaded=false,opt=[]; function add_opt(id,name,title,type,opttype,combine){opt[opt.length]=[id,name.replace(/ /g,''),title.replace(/ /g,''),type,opttype,combine];} var sfAddRef=[]; function getAddDiv(){return gl('sfLightBox');} function sfAddPop(name,isLang){if(!isInSF()&&tf.utils){if(!name)name='pconfirm'; sfAddRef=[];tf.utils.showPopup(tf.wm.url(name+'.html',tf.lmd[name],isLang),630,190,true,false,false,'AddToBasket');}} function sfAddUnpop(){if(tf.utils){if(jQuery('#sfLightBox.AddToBasket').length>0)tf.utils.sfMediaBox.closeBox();}} var bpriceArr=[],ppriceArr=[],weightArr=[],crFFldArr=[],ppriceCrossPromotionArr=[],bpriceCrossPromotionArr=[]; function ppriceDsp(n){var cc=tf.currentCurrency,dd=cc.decimal_places,cm=cc.multiplier,sm=tf.shopCurrency.multiplier,dec=Math.pow(10,dd),s=''+(Math.round((n*cm/sm)*dec)/dec),dp=s.indexOf('.');if(dp==-1)dp=s.length;else dp++;s+=(s.indexOf('.')==-1&&dd>0?'.':'')+'00000'.substr(0,dd-(s.length-dp));return s;} function ppriceDscPct(dsc,prc){dsc=ppriceDsp(prc-(prc*dsc/100));return dsc;} function dBasePrice2(Id,arr,w){if(!arr)return;if(!w)w=window;arr=arr.split(core.str_sep1);if(w.document.getElementById('ProductBasePrice-'+Id)){var bpriceHTML=core.bprice([Id,arr[4],arr[5],arr[6],arr[2]]);if(bpriceHTML!='')w.document.getElementById('ProductBasePrice-'+Id).innerHTML=bpriceHTML;}} /*]]>*/ </script> <script type="text/javascript"> /*<![CDATA[*/ var __sfChoiceImageLocation='optionarea_radiobutton_one',__sfChoiceImageWidth=parseInt('60'); /*]]>*/ </script> <script type="text/javascript"> $(document).ready(function(){ if (!tf.isInSF() && !tf.isInDesigner()) $('.gallery-box a, .ProductCrossPromotionRecommendSliderItem a').removeAttr('onclick'); if (tf.isInSF()) { window.Flickity.prototype._dragPointerDown= function( event, pointer ) { this.pointerDownPoint = Unipointer.getPointerPoint( pointer ); } } function PCPGallery(idPCPGS,idPCPGB,idPCPGC,idPCPGA) { this.$PCPGallery = null; this.$PCPGallerySlider = $(idPCPGS); this.$PCPGalleryBox = this.$PCPGallerySlider.find(idPCPGB); this.$PCPGalleryContainer = this.$PCPGallerySlider.find(idPCPGC); this.$PCPGalleryAction = this.$PCPGallerySlider.find(idPCPGA); this.PCPGalleryRowItems = 0; var me=this; this.setPCPGallery=function() { if(this.$PCPGallery)return; this.$PCPGallery = this.$PCPGalleryBox.flickity({ cellAlign: 'left', wrapAround: true, freeScroll: true, setGallerySize: true, prevNextButtons: false, pageDots: false }); this.$PCPGallery.flickity('resize'); this.$PCPGalleryAction.removeClass('hide'); var PCPGallery = this.$PCPGallery; setTimeout(function(){ PCPGallery.flickity('resize'); }, 2000) } this.unsetPCPGallery=function() { this.$PCPGalleryAction.addClass('hide'); if (this.$PCPGallery) { this.$PCPGallery.flickity('destroy'); this.$PCPGallery = null; } } this.togglePCPGallery=function() { var PCPGalleryBoxWidth = this.$PCPGalleryBox.width(), PCPGalleryItemsWidth = 0; this.$PCPGalleryContainer.width('').each(function () { PCPGalleryItemsWidth += $(this).outerWidth(true); }); this.PCPGalleryRowItems = parseInt((PCPGalleryBoxWidth / (PCPGalleryItemsWidth / this.$PCPGalleryContainer.length))); this.$PCPGalleryContainer.outerWidth(PCPGalleryBoxWidth / this.PCPGalleryRowItems, true); PCPGalleryItemsWidth = 0; this.$PCPGalleryContainer.each(function () { PCPGalleryItemsWidth += $(this).outerWidth(true); }); if (PCPGalleryItemsWidth <= PCPGalleryBoxWidth+this.PCPGalleryRowItems) debounce(function(){me.unsetPCPGallery.apply(me);}, 200)(); else debounce(function(){me.setPCPGallery.apply(me);}, 200)(); } this.$PCPGallerySlider.find('.icon-arrow-left3').on('click', function() { for (var n = 0; n < me.PCPGalleryRowItems; n++) me.$PCPGallery.flickity('previous'); }); this.$PCPGallerySlider.find('.icon-arrow-right3').on('click', function() { for (var n = 0; n < me.PCPGalleryRowItems; n++) me.$PCPGallery.flickity('next'); }); this.togglePCPGallery(); $(document).bind('domChanged', function(){ me.togglePCPGallery.apply(me); }); $(window).resize(function(){ me.togglePCPGallery.apply(me); }); } var PCPGallery1 = new PCPGallery('.ProductCrossPromotionSlider','.gallery-box','.ProductCrossPromotionContainer','.gallery-action'); var PCPGallery2 = null; $(tf.content).on('PHPWidget_Recommend_render',function(){ PCPGallery2 = new PCPGallery('.ProductCrossPromotionRecommendSlider','.ProductCrossPromotionRecommendSliderItem','.ProductCrossPromotionContainer_Recommend','.gallery-action'); }); // setTimeout(function(){ // if($('#ProductCrossPromotionRecommend-1 > div.flickity-viewport').length == 0){ // $('#ProductCrossPromotionRecommend-1').addClass('col-flex') // } // },2000) }); </script> <div id="ProductContainer1"> <form name="productForm" id="ProductLoop"> <div class="GC22 Product" ID="Product-P60103"> <script type="application/ld+json"> [{ "@context":"http://schema.org", "@type":"Product", "@id":"Product-P60103", "sku":"K130", "name":"Metal Tube (K130)", "brand":{"@type":"Brand","name":"Ape Display"}, "mpn":"K130", "description":"Heavy duty metal tube to fit our range of tube clamps. This tube is 33.7mm diameter with a wall thickness of 2.5mm. It is uncoated although it has a natural dark coating from the manufacturing process. Available in set sizes or cut to order. ", "offers":{ "@type":"Offer", "url":"https://www.apedisplay.co.uk/contents/en-uk/p60103_Tube.html", "itemCondition":"NewCondition", "availability":"InStock", "priceCurrency":"GBP", "price":"4.78", "category":"Business%20%26%20Industrial%20%3e%20Retail%0a", "priceValidUntil":"2099-12-31", "seller":{ "@type":"Organization", "name":"A.P. Engineering (Portsmouth) Ltd", "address":{ "streetAddress":"6a Fitzherbert Spur, Farlington, Portsmouth", "@type":"PostalAddress" } } }, "image":"https://www.apedisplay.co.uk/contents/media/l_tube.png" }] </script> <a name="p60103"></a> <script type="text/javascript"> /*<; } tf.utils.populateOpt(null,'P60103'); var b=core.load_add(d,type,'P60103','Metal Tube (K130)','0.00','K130','0',0,'TD1','K130','K130','','',opt,isInSF(),s,'-1.000',temp); if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable(); if(!temp){ setTimeout(function(){tf.qandi['progressbar']('P60103',false,type2Name[type]);},700); } return b; }else{setTimeout(function(){add_P60103(type,temp);},500);return 0;} } /*]]>*/ </script> <div class="ProductContainer5 EqualHeightProductContainer5-2" id="ProductContainer5"> <div class="ProductContainer4" id="ProductContainer4"> <div class="ProductContainer3" id="ProductContainer3"> <div id="ProductImageContainer-P60103" class=" ProductImageContainer ThumbnailSlider-vertical" style=""> <div style="position:relative;z-index:1;" class="ImgLink"> <div id="ProductImage-P60103" class="ProductImage"> <a src="../media/l_tube.png" tn="" tnreal="" rel="sfMediaBox[ProductImage-P60103]" id="ProductThumbnailImage-P60103" title="" description="" mediatype="IMG" mw="800" mh="600" onclick="cancelBuble(event);if(tf.utils&&!tf.isInSF())tf.utils.sfMediaBox.init(['ProductImage-P60103',''],gl('ProductImage-P60103').getAttribute('jumptoid'));return false;" class=""> <img width="800" height="600" src="../media/trans.gif" data-echo="../media/l_tube.png" class="DataEchoLoaded" id="IP60103" name="IP60103" border="0" alt="" title="" hspace="0" vspace="0" align="" onmouseover="window.status='';return true;" onmouseout="window.status='';return true" /> <div class="GC10 ProductImageCaptionIcon Icon ImgLink sf-corner sf-gradient" style="position:absolute;bottom:5px;right:5px;z-index:1;" id="pici-P60103" onclick="cancelBuble(event);if(tf.utils&&!tf.isInSF())tf.utils.sfMediaBox.init(['ProductImage-P60103','ProductMoreImages-P60103',''],gl('ProductImage-P60103').getAttribute('jumptoid'));return false;"> <i class="icon-fa-overlay-sm icon-search2 icon-fa-1x"></i> </div> </a> </div> </div> <style> #ProductImage-P60103{max-width:100%;} </style> </div> </div> <div class="ProductContainer2 EqualHeightProductContainer5-2" id="ProductContainer2" ID="ProductContainer2-P60103"> <div class="GC60 ProductContainer6" id="ProductContainer6"> <a href="p60103_Tube.html"><h1 class="GC37 ProductTitle" ID="ProductTitle-P60103">Metal Tube (K130)</h1></a> <div id="ProductNumbers" class="GC67 ProductNumbers"> <div class="GC67 ProductManufacturer">Ape Display</div> <div class="GC67 ProductNumber" ID="ProductNumber-P60103">K130</div> </div> <div class="ProductPurchaseContainer"> <div class="ProductPurchaseContainerInner"> <link itemprop="url" href="https://www.apedisplay.co.uk/contents/en-uk/p60103_Tube.html" /> <meta itemprop="price" content="4.78" /><meta itemprop="priceValidUntil" content="2099-12-31" /> <meta itemprop="priceCurrency" content="GBP" /> <meta itemprop="itemCondition" content="http://schema.org/NewCondition" /> <meta itemprop="category" content="Business%20%26%20Industrial%20%3e%20Retail%0a" /> <meta itemprop="availability" content="http://schema.org/InStock" /> <div itemprop="seller" itemtype="http://schema.org/Organization" itemscope> <meta itemprop="name" content="A.P. Engineering (Portsmouth) Ltd" /> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <meta itemprop="streetAddress" content="6a Fitzherbert Spur, Farlington, Portsmouth" /> </div> <meta itemprop="email" content="sales@apeng.co.uk" /> <meta itemprop="telephone" content="02392 384012" /> </div> <div class="ProDiscount GC56"> <div id="ProductDiscountDisplay-P60103" class="ProPercentage" style="display:none;"> </div> </div> <style type="text/css"> .ProductPrice:empty{display:inline;} .ProductPriceCalculated:empty{display:inline ! important;} </style> <div class="ProductPriceOriginal" id="ProductPriceOriginal-P60103"></div><div class="GC20 ProductPrice" id="ProductPrice-P60103"></div><div class="GC56 ProductPriceCalculated" ID="ProductPriceCalculated-P60103"></div><div class="GC67 ProductPriceOtherInformation"> <input type="hidden" name="ProductPriceLayout" /> <div class="ProductIncTaxes" ID="ProductIncTaxes-P60103"></div> <div class="ProductPriceTax"> <span id="ProductPriceTaxPrice-P60103" class="ProductPriceTaxPrice"></span> <span id="ProductPriceTaxPriceText-P60103" class="ProductPriceTaxPriceText"></span> </div> <div class="ProductPriceOther_ShippingWeightBasePrice"> </div> </div> <script type="text/javascript">ppriceArr.push(['P60103','','TD1','0.000',4]);</script> </div> </div> </sf:if> <ul class="GC55 ProductNumberBasePriceContainer"> <div class="GC55 ProductDeliveryTime"> <span class="GC55">Delivery time:</span><span id="ProductDeliveryTime-P60103" class="GC55 ProductDeliveryTime">3-5 Days</span> </div> </ul> </div> <div class="GC65 ProductOptions" ID="ProductOptions-P60103"> <script type="text/javascript"> add_opt('P60103O2','_P60103O2LENGTH'.replace(/"/g,'_'),'LENGTH','1',5,false); crFFldArr.push([5,'_P60103O2LENGTH'.replace(/"/g,'_').replace(/ /g,''),'P60103O2','1','36',[['P60103O2','0.5 MTRS','P60103O2C1','4.780000','0.50','','0.000000','0.000',''],['P60103O2','1 MTR','P60103O2C2','9.550000','0.00','K130/1','0.000000','0.000',''],['P60103O2','1.5 MTRS','P60103O2C3','14.330000','2.00','K130/1.5','0.000000','0.000',''],['P60103O2','2 MTRS','P60103O2C4','19.100000','3.00','K130/2','0.000000','0.000','']], '0', 'LENGTH','P60103','200',false,false,true]); </script> </div> <div class="ProductIcons" id="ProductIcons-P60103"> <div class="GC13 AddToBasketQnty sf-corner"> <script type="text/javascript">dw(qandi['qtyFld']('P60103','-1.000','0',''));</script> </div> <div class="AddToBasketSpacer" style="float:left;"></div> <div class="GC13 AddToBasketButton large sf-corner has-favorites " ID="AddToBasketButton-P60103"> <span class="ImgLink" onclick="if(isInSF())return;cancelBuble(event);sfAddPop();if(add_P60103()!=0){sfAddUnpop();}return false;" title="Add to cart"><span> <span class="large">Add to cart</span> </span></span> </div> <div class="AddToBasketSpacer" style="float:left;"></div> <div class="GC13 FavoritesButton sf-corner" ID="FavoritesButton-P60103"> <span class="ImgLink" onclick="if(isInSF())return;add_P60103(1);return false;" title="Favourites"><i class="icon-heart-o"></i><span></span></span> </div> </div> <script> productIconsLocker('P60103'); </script> <div id="ProductQuantityDiscounts-P60103" class="ProductOptions"></div> <div id="productmediashareholder"><script type="text/javascript">tf.load('load_productmediashare.html','productmediashareholder',false,null,true);</script></div> </div><div id="ProductDetailsNav"> <ul id="ProductDetailsTab" class="GC62 ProductDetailsTab" ID="ProductDetailsTab-P60103"> <div class="GC64 divider"></div> <li data-index="1" class="GC64 ProductDetailsTabItem sf-corner"><span onclick="this.blur(); return productDetailsPanelShow(1);" title="">Description</span></li> </ul> </div> <div class="GC73 ProductDetailsPanel1" id="ProductDetailsPanel1"> <div class="GC73 ProductContainer5" id="ProductContainer5"> <h2><div class="GC11 ProductIntroduction" ID="ProductIntroduction-P60103">Heavy duty metal tube to fit our range of tube clamps. This tube is 33.7mm diameter with a wall thickness of 2.5mm. It is uncoated although it has a natural dark coating from the manufacturing process. Available in set sizes or cut to order.<br><br></div></h2><!--schema.org format--> </div><!--5--> </div><!--ProductDetailsPanel1--> </div> </div> <script type="text/javascript" src="../../shared_files/jquery.sfbannerslider.js" defer></script> <div id="PHPWidget_Recommend" class="GC76 ProductCrossPromotion" style="display:none;"> <div id="PHPWidget_Recommend_Title-P60103" class="GC5 ProductCrossPromotionHeading" style="display:none;">Customers Who Bought This Item Also Bought</div> <div id="ProductCrossPromotionRecommendSlider-P60103" class="GC76 ProductCrossPromotionRecommendSlider"> <div class="slide-holder responsive-breakout" id="slide-holder-productcrosspromotionrecommend"> <div class="slide-runner EqualHeight_ProductCrossPromotionRecommendContainer col-flex"> <div class="GC57 icon-arrow-left3 gallery-action hide" ID="FlickityPrevious-P60103"></div> <div class="GC57 icon-arrow-right3 gallery-action hide" ID="FlickityNex-P60103"></div> <div id="PHPWidget_RecommendPlaceholder-P60103"></div> </div> <nav class="slide-nav arrow left"></nav><nav class="slide-nav arrow right"></nav> </div> </div> <script type="text/javascript"> var oPCPR={'init':function(){}}; function slider_PHPWidget_Recommend(){ var id='slide-holder-productcrosspromotionrecommend',itemclass='ProductCrossPromotionContainer_Recommend',count=8,idprefixcontainer='ProductCrossPromotionRecommend',GC='GC76',jq=$; var cntContainers=Math.ceil(jq('#'+id+' .'+itemclass).length/count); oPCPR.data=[]; for(var i=0;i<cntContainers;i++){ jq('#'+id+' .slide-runner').append('<div id="'+idprefixcontainer+'-'+(i+1)+'" class="GC76 '+idprefixcontainer+'SliderItem EqualHeight_'+idprefixcontainer+'Container slide-item"></div>'); jq('#'+idprefixcontainer+'-'+(i+1)).append(jq('#'+id+' .slide-runner > .'+itemclass+':lt('+count+')')); oPCPR.data.push({id:idprefixcontainer+'-'+(i+1),client:'',desc:''}); } oPCPR.init(); } </script> </div> <script type="text/javascript">addOnload(function(){render_PHPWidget_Recommend('P60103',slider_PHPWidget_Recommend);})</script> <div id="ProductComments" class="ProductComments"></div> </div><!--Product--> </form> <script type="text/javascript"> /*<![CDATA[*/ function productDetailsPanelShow(n,prid){ var orign=n; if(typeof(n)=='undefined')n=1; var p='ProductDetails',v='',g='',selectorPrefix='[id^=Product-]'; if(prid)selectorPrefix='#Product-'+prid; jQuery(selectorPrefix).each(function(){ jQuery('.'+p+'Tab li',this).each(function(){ jQuery(this).find('span').attr('canfollowlink',true); var i=jQuery(this).data('index')||(parseInt(jQuery(this).attr('id').replace(p+'Tab', ''))); if(n==-1)n=i; v=(i==n)?'On':'Off',g=(i==n)?'GC64':'GC63'; jQuery(this).attr('class',jQuery(this).attr('class').replace(new RegExp('(?:GC64|GC63)? ?(?:'+p+'TabItem '+p+'Tab(?:On|Off) LayoutObject ?)?'),g+' '+p+'TabItem '+p+'Tab'+v+' LayoutObject ')); }); jQuery('[id^='+p+'Panel]',this).each(function(){ var i=parseInt(jQuery(this).attr('id').replace(p+'Panel', '')); if(n==-1)n=i; v=(i==n)?'On':'Off'; jQuery(this).attr('class',jQuery(this).attr('class').replace(new RegExp(' ?'+p+'Panel(?:On|Off)'),'')+' '+p+'Panel'+v); }); if(tf.autoText)tf.autoText.localApply(jQuery('.'+p+'Tab',this).get(0)); }); if(orign!=-1&&tf.utils){equalHeightOnClass();tf.utils.equaldiv();} if(tf.mfhObj)mfhObj.resize(true); return false; } addOnload(function(){ equalHeightClass.push('ProductDetailsTab'); productDetailsPanelShow(-1); }); /*]]>*/ </script> </div> <script type="text/javascript">equalHeightClass.push('EqualHeight_ProductCrossPromotionRecommendContainer');</script> <script type="text/javascript"> /*<![CDATA[*/ tf.sfOffsetCenterCols=0; function sfEqualRow(oOffset, idChildPrefix, aItm, idItemPrefix) { function affectHeight(els, x, mh, nn) { for (var n = 0; n < nn; n++) { var el = els[x - n]; if (el) { jQuery(el).outerHeight(mh); } } } if (!tf.sfOffsetCenterCols) { var w = jQuery(oOffset).find('[id^="' + idItemPrefix.split(',').join('"],[id^="') + '"]').first().outerWidth(true); if (w > 0) { tf.sfOffsetCenterCols = parseInt((jQuery(oOffset).width() / w)); } } var coll = jQuery(oOffset).find('.' + idChildPrefix); if (coll.length > 0) { var maxh = 0, idx = 0; if(tf.isiPhone){ var $this=jQuery(this); jQuery('img[src$="trans.gif"][data-echo]',coll).each(function(){ $this.attr('style', ($this.attr('style')||'')+'width:'+($this.attr('width')||'')+'px!important;height:'+($this.attr('height')||'')+'px!important;'); }); } jQuery(coll).each(function () { if(jQuery('img',this).length==0||(jQuery('img[data-echo]',this).length==0&&jQuery('img',this).height()>1))jQuery(this).css('height', ''); maxh = Math.max(maxh, jQuery(this).outerHeight()); if ((idx % tf.sfOffsetCenterCols) == tf.sfOffsetCenterCols - 1) { affectHeight(coll, idx, maxh, tf.sfOffsetCenterCols); maxh = 0; } idx++; }); affectHeight(coll, idx, maxh, (coll.length % tf.sfOffsetCenterCols) + 1); } } var _sfEqualRowOuter=_sfEqualRowOuter?_sfEqualRowOuter.concat('ProductCrossPromotion-1'):['ProductCrossPromotion-1'],_sfEqualRowArr=_sfEqualRowArr||[]; _sfEqualRowOuter.splice(_sfEqualRowOuter.length-1,0,'ProductCrossPromotion-P60103','PHPWidget_Recommend-P60103','ProductCrossPromotionRecommend-1'); _sfEqualRowArr.push('ProductCrossPromotionInner0'); _sfEqualRowArr.push('ProductCrossPromotionInner1'); _sfEqualRowArr.push('ProductCrossPromotionInner2'); _sfEqualRowArr.push('ProductCrossPromotionInner3'); _sfEqualRowArr.push('ProductCrossPromotionImage_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionInner2_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionInner3_Recommend'); _sfEqualRowArr.push('ProductCrossPromotionContainer_Recommend'); var equalRowPoll = null; var sfEqualRowOnload = function() { clearTimeout(equalRowPoll); equalRowPoll = setTimeout(function(){ sfEqualRowCall(); equalRowPoll = null; }, 500); }; function sfEqualRowCall(){ for(var m=0,mm=_sfEqualRowOuter.length;m<mm;m++){ if(!gl(_sfEqualRowOuter[m]))continue; tf.sfOffsetCenterCols=0; for(var n=0,nn=_sfEqualRowArr.length;n<nn;n++){ sfEqualRow(gl(_sfEqualRowOuter[m]),_sfEqualRowArr[n],null,'ProductCrossPromotionContainer-'); } } } function sfEqualRowOnresize(){tf.sfOffsetCenterCols=0;if(typeof(sfOffsetCenterOnresize)!='undefined')sfOffsetCenterOnresize();sfEqualRowOnload();if(typeof(populateProductFlash)!='undefined')populateProductFlash(productFlashVarsArr,'DesignImage');} addEvent('onresize',sfEqualRowOnresize,window); if(tf.sfMakeSpace&&tf.sfMakeSpace.posthandlers) tf.sfMakeSpace.posthandlers.push(sfEqualRowOnload); /*]]>*/ </script> <script type="text/javascript"> function render_PHPWidget_Recommend(id, fn){ if (!tf.utils || !tf.utils.net || !tf.core) { setTimeout(function(){render_PHPWidget_Recommend(id,fn);}, 100); return; } function recommendOnload() { var elContainer = gl('PHPWidget_Recommend-'+id), elPlaceholder = gl('PHPWidget_RecommendPlaceholder-'+id); if (!elContainer && elPlaceholder) elContainer = elPlaceholder.parentNode; if(isInSF()||(location.hostname=='localhost' && location.port!='')||location.hostname==''){ var o = {'p0':['','','Omnia Erimus','Omnia erimus. Omnia erimus. Omnia erimus','','','#','','','','','','','','','','','','','','','','','','']}; } else{ var o = tf.sfJSON.parse(this.req.responseText); } var ppriceCrossPromotionIdx = []; for (var n = 0; n < ppriceCrossPromotionArr.length; n++) { ppriceCrossPromotionIdx[ppriceCrossPromotionArr[n][0].toLowerCase()] = ppriceCrossPromotionArr[n]; } function unescapescv(s) { s = s.replace("\\'", "'").replace('\\"', '"').replace("\\n", '\n'); return s; } var count= 0, sHTML = ''; for (var prid in o) { if (ppriceCrossPromotionIdx[prid]) continue; count++; var pcpurl=o[prid][6];if(pcpurl.indexOf('linkTo')==0)pcpurl='#'+prid; var buyingAllowed = o[prid][12]=='Y' var data = { LD_PRODUCT_CLICKHERE:'More details', prid:prid.toUpperCase(), imageurl:'src="'+o[prid][7]+'"', imagewidth:o[prid][22], imageheight:o[prid][23], title:unescapescv(o[prid][2]), description:unescapescv(o[prid][3]), url:o[prid][6], url_escapequotes:o[prid][6].replace('\'', '\\\''), pcpurl:pcpurl, taxids:o[prid][25], discounttype:o[prid][20], discountvalue:o[prid][21], sku:unescapescv(o[prid][9]), ifPurchasable:buyingAllowed?'':'<!--', endifPurchasable:buyingAllowed?'':'-->', ifHasImage:o[prid][7]?'':'<!--', endifHasImage:o[prid][7]?'':'-->', ifNoImage:o[prid][7]?'<!--':'', endifNoImage:o[prid][7]?'-->':'' }; if (!data.url.match(/^p\d+(?:_.*)?\.html$/)) { data.url = 'javascript:' + data.url; } elContainer.innerHTML += tf.utils.tmplParser.parse(gl('tmpl_PHPWidget_Recommend'), data); if (data['ifPurchasable'] == '') { eval(tf.utils.tmplParser.parse(gl('tmpl_PHPWidget_Recommend_Javascript'), data)); } } if (count > 0) { if (tf.core.loadPricesForIDs) tf.core.loadPricesForIDs(ppriceCrossPromotionArr); var el = gl('PHPWidget_Recommend'); if (el) { el.style.display = 'block'; } el = gl('PHPWidget_Recommend_Title-'+id); if (el) { el.style.display = 'block'; } if (fn) fn(); if(tf.content.makeResponsive)tf.content.makeResponsive(); else if(tf.content.equalHeight)tf.content.equalHeight(); $(tf.content).trigger('PHPWidget_Recommend_render'); } } new tf.utils.net.ContentLoader( tf.wm.url('../phpwidgets/recommend_widget.php?id='+id+'&lang='+tf.lang), recommendOnload, null, null, 'GET', ''); } </script> <script type="text/template" id="tmpl_PHPWidget_Recommend" class="tmpl"> <![CDATA[ <meta name="productcrosspromotionurl" content="__url__" data-productcrosspromotionurl-__prid__="__pcpurl__" /> <div class="GC61 ProductCrossPromotionContainer_Recommend" role="equalheight-in-normalview-activator"> <div class="GC16 ProductCrossPromotionImage_Recommend"> __ifHasImage__ <a href="__url__" class="ProductCrossPromotionImage" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('__url_escapequotes__','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;"> <img __imageurl__ width="__imagewidth__" height="__imageheight__" border="0" /> </a> __endifHasImage__ __ifNoImage__ <div class="ProductCrossPromotionImage NoImage"> <i class="icon-image icon-fa-2x"></i> </div> __endifNoImage__ </div> <div class="ProductCrossPromotionInner1_Recommend"> __ifPurchasable__ <span id="ProductCrossPromotionPriceOriginal-__prid__" class="GC66 ProductCrossPromotionPriceOriginal"></span> <span id="ProductCrossPromotionPrice-__prid__" class="GC20 ProductCrossPromotionPrice" ></span> <span id="ProductCrossPromotionPriceCalculated-__prid__" class="GC56 ProductCrossPromotionPriceCalculated"></span> __endifPurchasable__ </div> <div class="ProductCrossPromotionInner2_Recommend"> <a href="__url__" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('__url_escapequotes__','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;"> <h2 class="GC78 ProductCrossPromotionTitle"> __title__ </h2> </a> <a href="__url__" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('__url_escapequotes__','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;"> <div class="GC61 ProductCrossPromotionDescription ellipsis" id="ProductCrossPromotionDescription-__prid__"> __description__ </div> </a> </div> <div class="ProductCrossPromotionInner3_Recommend"> <div class="GC13 PageLinkBoxMoreDetails sf-corner"> <a class="ProductCrossPromotionTitle" href="__url__" onclick="cancelBuble(event);if(tf.isInDesigner())location=tf.wm.url('__url_escapequotes__','-',true);else tf.moreHistory.push(tf.pgidx,tf.wm.jfile(this.href),false);return true;"> __LD_PRODUCT_CLICKHERE__ </a> </div> </div> </div> ]]> </script> <script type="text/template" id="tmpl_PHPWidget_Recommend_Javascript" class="tmpl"> tf.content.add___prid__=function(type,temp){ if(tf.coreLoaded&&tf.wm.pProp('__prid__')){var b=core.load_add(d,type,'__prid__','__title__','','__sku__','',false,'__taxids__','','','','',opt,isInSF(),s,'',temp);if(b&&typeof(fillBasketTable)!='undefined')fillBasketTable();return b;}else{setTimeout('add___prid__();',500);return 0;} } if(gl('ProductIcons-__prid__')) { if(parseFloat('11')>=10.3)gl('ProductIcons-__prid__').innerHTML='<div class="GC13 AddToBasketQnty corner">' + qandi['qtyFld']('__prid__','','','') + '</div><div class="GC13 AddToBasketButton corner"><span class="ImgLink" onclick="if(isInSF())return;cancelBuble(event);sfAddPop();if(add___prid__()!=0){sfAddUnpop();}return false;" title="Buy now">Buy now</span></div>'; else gl('ProductIcons-__prid__').innerHTML='<div class="QntyBox">' + qandi['qtyFld']('__prid__','','','') + '</div><div class="GC13 AddToBasketButton">' + qandi['addToBasket']('','__prid__','LD_BUY_NOW') + '</div>'; } ppriceCrossPromotionArr.push(['__prid__','','__taxids__','__discountvalue__','__discounttype__']); var p=tf.wm.pProp('__prid__'); bpriceCrossPromotionArr.push(['__prid__',p?p[18]:null,p?p[19]:null,p?p[20]:null]); </script> <!-- Version tag, please don't remove $Revision: 46240 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Products/SFX-BASE_2/product.html $ --> <style type="text/css"> .ProductImageContainer{position:relative;text-align:center;} .ProductImageCaption{clear:both;} .ProductImage,.ProductImage a{position:relative;} .ProductImage a{display:block;} .ProductImageContainer .ImgLink.HasSlider {float:left;} .ProductImageContainer:before, .ProductImageContainer:after {content:"";display:table;} .ProductImageContainer:after {clear:both;} .ThumbnailSliderContainer{position:relative;line-height:100%;float:right;} .ThumbnailSlider img {width:auto;height:auto;max-height:80px;max-width:100%;} .ThumbnailSlider .ThumbnailSliderItem{display:block;background-color:transparent;margin-bottom:5px;text-align:center;} .ThumbnailSlider [class^=icon] {cursor:pointer;} .ThumbnailSliderMoreLink{text-decoration:underline;font-weight:bold;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSliderContainer {float:none;width:100%;overflow:hidden;margin:10px 0 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider {white-space:nowrap;position:relative;overflow:hidden;height:auto!important;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider .ThumbnailSliderItem {display:inline-block;margin:0 10px 0 0;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider img {max-height:80px;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider div[id^=ms_] {width:1000%;} .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider [class^=icon-] {padding:2px;height:24px!important;font-size:24px!important; width:20px!important; } .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_left, .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_right {display:inline-block;} .ProductImageContainer.ThumbnailSlider-horizontal .ImgLink.HasSlider {width:100%!important;float:none;} </style> <div id="AutoSplitPageBottom"></div> </div> </div> <div id="AutoSplitPageBottom"></div> </div> <div id="FooterClearance"> <span>!</span> </div> </div> <div id="WebSiteFooter" class="GC40 WebSiteFooter"> <div id="Index1-spacer"> <div id="Index1Bar" class="GC28 Index1Bar"></div> <div id="Index1" class="GC28 Index1"> <script src="../../shared_files/jquery.menu-aim.js" defer="true"></script> <script src="../../shared_files/jquery.megamenu.js" defer="true"></script> <script type="text/javascript"> $(function(){ $('.Index1').on('load', function(){ var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1'); var GCNum = [ {'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'}, {'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'} ][idxNum-1]; $('.idx'+idxNum+'Submenu').empty(); var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true); if ($branch.length > 0) { var $subpageNavigation = $('#idxSubpageNavigationAlt'); if ($subpageNavigation.length == 0) { $subpageNavigation = $('#idxSubpageNavigation'); if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>'); var placed = false, $placement = $('.PageTitle'); if ($placement.length > 0) { $placement.after($subpageNavigation); if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; } if (!placed) { var selectors = ['.PageIntroduction', '.PageDescription']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.before($subpageNavigation); if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation'); placed = true; break; } } } if (!placed) { var selectors = ['#PageContainer1', '#PageContainer11']; for (var n = 0; n < selectors.length; n++) { $placement = $(selectors[n]); if ($placement.length > 0) { $placement.append($subpageNavigation); break; } } } } $subpageNavigation .width('auto') .removeClass('GC28 GC32') .append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>'); $branch.find('> li > ul, i[class*=icon-], li.see-all').remove(); $branch.find('> li') .on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);}) .addClass('idx'+idxNum+'Sub') .find('> a') .on('mouseover', function(){tf.navOvr(this, '', '');}) .on('mouseout', function(){tf.navOut(this, '', '');}) .addClass('idx'+idxNum+'Sub') ; var mh = 0; $branch.find('> li > a > img').each(function(){ var hasImg = !!$(this).attr('src'); if (!hasImg) $(this).hide(); mh = Math.max(mh, $(this).css('max-height')); }); var prop = (mh ? 'height:'+mh+'px;' : ''); $branch.find('> li > a').each(function(){ if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>'); else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>'); $(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>'); }); $('.idx'+idxNum+'Submenu').empty().append($branch); $(window).on('load resize', function () { var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container); var outerSpace = $items.outerWidth(true) - $items.width(); var maxAvailableWidth = $container.css('width','auto').width(); var maxColumns = 8, itemMaxWidth = 260, w = 0; for (var n = 1; n <= maxColumns; n++) { w = parseInt((maxAvailableWidth / n) - outerSpace); if (w <= itemMaxWidth) break; } $items.width(w); $container.width((w + outerSpace) * Math.min(n, $items.length)); if(tf.echo)tf.echo.render(); }); $(window).trigger('resize'); } $('img', $(this)).remove(); $('> ul[class*=idx]', $(this)) .sfMegaMenu({ 'submenuDirection':'above', 'layout':'base', 'showImages':false, 'iconOpenRight':'icon-arrow-right3', 'iconOpenDown':'icon-arrow-down3', 'iconNoImage':'icon-image', 'iconPin':'icon-pushpin', 'idxNum':idxNum, 'onLoad':function() { var $idxSlider = $('#Index1 > .idx1List'); $('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove(); function setIdxSlider() { $idxSlider.parent().width('100%').css('float','none'); $idxSlider .on('cellSelect', function(){ var flkty = $(this).data('flickity'); if (flkty) { if (flkty.selectedIndex == $(this).data('selectedIndex')) return; if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) { if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex'); else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--; } $(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')}); } }) .on('settle', function(){ var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0; if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4])); if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled'); else $('.next', this).removeAttr('disabled'); }) .flickity({ cellAlign: 'left', contain: true, wrapAround: false, autoPlay: false, draggable: true, freeScroll: true, setGallerySize: false, prevNextButtons: true, pageDots: false, percentPosition: false }) .flickity('resize') .find('.flickity-viewport') .find('.flickity-slider').addClass('idx1List').each(function(){ $(this).height($('> li', this).outerHeight(true)).css('bottom', 0); }) .end() .parentsUntil('[id^=WebSite]').each(function(){ var zIndex = $(this).css('z-index'); if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001); }) ; } function unsetIdxSlider() { if ($idxSlider.hasClass('flickity-enabled')) { $idxSlider .flickity('destroy') ; } $idxSlider.parent().css({'float':''}); } $(window).on('resize', function () { unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'}); if ($('#WebSite').width() > 619) { var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1; $('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); }); if (w-1 > wContainer) { setIdxSlider(); $idxSlider.flickity('resize'); setTimeout(function(){$idxSlider.flickity('reposition');}, 200); } else if (w < wContainer) unsetIdxSlider(); } }); $(window).trigger('resize'); } }) .parent().find('.idx1List > li > a > span').addClass('vcenter'); }); }); </script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script> <script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script> <!-- Version tag, please don't remove $Revision: 46130 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-BASE_1/toplevel.html $ --> <i class="icon-spinner2 icon-fa-spin"></i> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.Index1').load(tf.wm.url('d-34.html','-',true)+' ',function(){ if(tf.isEntryPage){ jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true); }); jQuery('.Index1 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));}); } else { jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){ if(this.id.match(/D-2$/)) { this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-'); } }); } jQuery('.Index1 #idx1D-2').parent('li').remove(); jQuery('.Index1').trigger('load'); }); jQuery('#CompanyImage a[href], .CompanyImage a[href]').not('a[href^=http]').each(function(){ var href = this.href.replace(/.*\//,''); if(tf.isEntryPage) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); else this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-'); }); }); </script> </div><div id="idx1Sentinel"></div> </div> <div class="GC40 WebSiteFootnote" ID="WebSiteFootnote-P60103"><div class="row sf-wrapped"><div class="column full"><span></span></div></div></div> </div> </div> <div class="search-close"><i class="icon icon-cross"></i></div> <script> $(document).ready(function(){ $(window).on('load resize', function () { setTimeout(function(){ var bannerHeight = $('.Banner').height(); $('#DesignImage2').height( bannerHeight ); }, 1000); }); $(".search-icon-new").click(function(){ $(".search-wrapper-new").toggleClass("search-view"); }); setTimeout(function(){ $('#idxSubpageNavigationVerticalAlt:empty').parent().remove(); }, 500); }); $(function() { var pgurl = window.location.href.substr(window.location.href .lastIndexOf("/") + 1); $(".CustomNav .gallery-box a").each(function() { if ($(this).attr("href") == pgurl || $(this).attr("href") == '') $(this).addClass("active"); }) }); </script> <!-- Version tag, please don't remove $Revision: 46240 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-JWL-BB_sir/Pages/SFX-Content_navLeft/page.html $ --> <div id="mobile_switchview" class="desktop-xor"><a href="#" class="desktop-xor"> Mobile mode</a></div> <div class="GC39 footer mobile"> <div class="utils group"> <menu> <li id="util_home" class="sf-button sf-corner left vcenter"><a href="../../index.html" title="Home "><i class="icon-home2"> </i><span>Home </span></a></li> <li id="util_switchview" class="sf-button sf-corner right vcenter"><a href="#" class="mobile-xor" title="Desktop mode"><i class="icon-display4"> </i><span>Desktop mode</span></a><a href="#" class="desktop-xor" title="Mobile mode"><i class="icon-mobile"> </i><span>Mobile mode</span></a></li> </menu> </div> </div> <div id="util_gototop" class="GC91 sf-button sf-corner right vcenter"><a id="gototop-button" href="#top"><i class="icon-arrow-up8"> </i><span></span></a></div> <nav id="Sidemap" class="GC32"> <div class="top_wrap_menu"> <ul> <li sf:if=".ID!=D-6&ShopEnabled" id="mobile_cart" class="sf-button sf-corner"> <a href="#" title="My cart" onclick="location=tf.wm.url('basket.html','-',true);return false;"><i class="icon-cart"></i> <span class="GC91 MiniCartTotalItemsQuantity_Mobile" id="MiniCartTotalItemsQuantity_Mobile">0</span></a> </li> <li sf:if="__Reference&ShowSelectCurrencyLink" id="mobile_SwitchCurrency" class="sf-button sf-corner"> <a href="#" class="SwitchCurrencyLink" title="Pick your currency"> <i class="currencySymbol"></i> <script type="text/javascript"> function mobile_SwitchCurrencyLink_ShowSymbol() { if (!tf.bskLoaded) setTimeout(mobile_SwitchCurrencyLink_ShowSymbol, 500); jQuery('#mobile_SwitchCurrency .currencySymbol').html(tf.currentCurrency.abbrev); } mobile_SwitchCurrencyLink_ShowSymbol(); </script> </a> </li> <li sf:if="__MultipleLanguages=true" class="lang_col"> <div id="mobile_switchlang" class="sf-button sf-corner left"> <div class="Outer"> <span class="SwitchLangName"> <span class="flag-spacer"> <img src="../media/flags/flag_en-uk.gif" alt="English" title="English"/> </span> </span> <i class="icon-arrow-down3"></i> </div> <div class="Inner"> <a class="GC48" href="../../index.html" onclick="tf.utils.change_lang('en-uk,1');return false;"><img src="../media/flags/flag_en-uk.gif" alt="English" title="English" width="20" height="10" /> English (English UK)</a> </div> </div> </li> <li sf:if="DisplayLoginForm"> <div class="sf-button sf-corner left"> <div id="mobilelogin" class="LoginSignUpLink"></div> </div> </li> </ul> <span class="GC91 close_btn-col"> <div id="sidemap-close" class="sf-button sf-corner"><i class="icon-cross2"> </i></div> </span> <a name="Sidemap"></a> </div> <div class="search_coll"> <div id="util_searchbox" class="sf-corner"> <form id="mobile_search" name="mobile_search" onsubmit="mobileSearch(this[0]);return false;"> <input type="search" id="phrase" name="phrase" /> <span id="util_searchbox_search" class="sf-button sf-corner"> <button type="submit" title="Find" style="border:none;background-color:transparent;"><i class="icon-search2"> </i></button> </span> </form> </div> </div> <div class="idx-menu" data-deptid="d-33"><i class="icon-spinner2 icon-fa-spin"></i></div> <div class="idx-menu" data-deptid="d-34"><i class="icon-spinner2 icon-fa-spin"></i></div> </nav> <script type="text/javascript"> tf.scr.load('load_dynamic_js_js',tf.wm.url('load_dynamic_js.js','-',false)); ldjs('d7045_Tube--Clamps_.js'); function ams(){var tfu=tf.utils;if(tfu&&tfu.applyms)tfu.applyms();else setTimeout('ams()',50)};if(aMS.length>0)ams(); function equalHeight(){if(tf.utils){setTimeout(function(){equalHeightOnClass('EqualHeight_','');if(tf.content.sfOffsetCenterOnload)sfOffsetCenterOnload();if(tf.content.sfEqualRowOnload)tf.content.sfEqualRowOnload();equalHeightOnClass('','EqualHeight_');tf.utils.equaldiv();},250)}}addOnload(equalHeight); function acs(){return function(){try{tf.extra.forceAllLang=false;if(typeof(tf.parent.applyColorScheme)!='undefined')tf.parent.applyColorScheme(window);}catch(e){};}}addOnload(acs()); </script> <script> $(function () { echo.init({ offset: 1, throttle: 1, unload: false, callback: function (element, op) { (function(selector, callback){ jQuery(selector).each(function(){ if (this.complete || this.readyState === 4) callback.apply(this); else jQuery(this).on('load', function(){ callback.apply(this); }); }); })(element, function() { jQuery(element).hide().fadeIn(200, function() { if(tf.content.makeResponsive)tf.content.makeResponsive();equalHeight(); jQuery(element).trigger('imageLoaded'); }); }); } }); jQuery(document).on('dragMove settle', debounce(function() { echo.render(); }, 250)); }); </script> </body> </html> <!-- Version tag, please don't remove $Revision: 43346 $ $HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-JWL-BB_sir/Website/parseLang/website.html $ -->