Home
About Us
Products
Park Furniture
Bench
Picnic Tables
Litter Bins
Drinking fountain
Planter Box
Tree Grate
Isolation Fence
Bollard
Bike Rack
Waiting Station
Play equipment
Megaphone
Slide
Spring
Swing
Climbing
Children Play
Large Play-Equipment
Landscape Facilities Products
Landscape Facilities
Uliwood Products
Uliwood
Garden Furnishings
Outdoor Furniture
Bonfire Stove
Shelter
Children Products
Children
Q&A
cooperation
Contact Us
简体中文
English
<input type="hidden" name="imgUrl" id="imgUrl" value=${data[0].imgUrl} /> <input type="hidden" name="url1" id="url1" value=${data[0].url1} /> <input type="hidden" name="url2" id="url2" value=${data[0].url2} /> <input type="hidden" name="url3" id="url3" value=${data[0].url3} /> <input type="hidden" name="url4" id="url4" value=${data[0].url4} /> <input type="hidden" name="url5" id="url5" value=${data[0].url5} /> <input type="hidden" name="url6" id="url6" value=${data[0].url6} /> <input type="hidden" name="url7" id="url7" value=${data[0].url7} /> <input type="hidden" name="url8" id="url8" value=${data[0].url8} /> <input type="hidden" name="url9" id="url9" value=${data[0].url9} /> <input type="hidden" name="url10" id="url10" value=${data[0].url10} /> <input type="hidden" name="imgColor1" id="imgColor1" value=${data[0].imgColor1} /> <input type="hidden" name="imgColor2" id="imgColor2" value=${data[0].imgColor2} /> <input type="hidden" name="imgColor3" id="imgColor3" value=${data[0].imgColor3} /> <input type="hidden" name="imgColor4" id="imgColor4" value=${data[0].imgColor4} /> <input type="hidden" name="imgColor5" id="imgColor5" value=${data[0].imgColor5} /> <input type="hidden" name="imgColor6" id="imgColor6" value=${data[0].imgColor6} /> <input type="hidden" name="imgColor7" id="imgColor7" value=${data[0].imgColor7} /> <input type="hidden" name="imgColor8" id="imgColor8" value=${data[0].imgColor8} /> <input type="hidden" name="imgColor9" id="imgColor9" value=${data[0].imgColor9} /> <input type="hidden" name="imgColor10" id="imgColor10" value=${data[0].imgColor10} /> <!--Breadcrumb Area Start--> <!--Breadcrumb Area End--> <!--Single Product Start--> <div class="single-product-area mt-10"> <div class="container"> <div class="row"> <div class="col-md-5"> <!--Tab Content Start--> <div class="tab-content product-details-large" id="myTabContent-3"> {if data[0].imgUrl} <div class="tab-pane fade show active" id="single-slide-0"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgUrl} alt="" class="single-slide-small-img-1"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgUrl} target="_blank" ><i class="fa fa-search-plus"></i></a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url1} <div class="tab-pane fade" id="single-slide-1"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url1} alt="" class="single-slide-small-img-2"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url1} target="_blank"><i class="fa fa-search-plus"></i></a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url2} <div class="tab-pane fade" id="single-slide-2"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url2} alt="" class="single-slide-small-img-3"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url2} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url3} <div class="tab-pane fade" id="single-slide-3"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url3} alt="" class="single-slide-small-img-4"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url3} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url4} <div class="tab-pane fade" id="single-slide-4"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url4} alt="" class="single-slide-small-img-5"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url4} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url5} <div class="tab-pane fade" id="single-slide-5"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url5} alt="" class="single-slide-small-img-6"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url5} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url6} <div class="tab-pane fade" id="single-slide-6"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url6} alt="" class="single-slide-small-img-7"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url6} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url7} <div class="tab-pane fade" id="single-slide-7"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url7} alt="" class="single-slide-small-img-8"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url7} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url8} <div class="tab-pane fade" id="single-slide-8"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url8} alt="" class="single-slide-small-img-9"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url8} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url9} <div class="tab-pane fade" id="single-slide-9"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url9} alt="" class="single-slide-small-img-10"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url9} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].url10} <div class="tab-pane fade" id="single-slide-10"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].url10} alt="" class="single-slide-small-img-11"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].url10} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color1} <div class="tab-pane fade" id="single-slide-11"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor1} alt="" class="single-slide-small-img-12"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor1} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color2} <div class="tab-pane fade" id="single-slide-12"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor2} alt="" class="single-slide-small-img-13"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor2} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color3} <div class="tab-pane fade" id="single-slide-13"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor3} alt="" class="single-slide-small-img-14"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor3} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color4} <div class="tab-pane fade" id="single-slide-14"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor4} alt="" class="single-slide-small-img-15"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor4} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color5} <div class="tab-pane fade" id="single-slide-15"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor5} alt="" class="single-slide-small-img-16"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor5} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color6} <div class="tab-pane fade" id="single-slide-16"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor6} alt="" class="single-slide-small-img-17"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor6} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color7} <div class="tab-pane fade" id="single-slide-17"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor7} alt="" class="single-slide-small-img-18"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor7} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color8} <div class="tab-pane fade" id="single-slide-18"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor8} alt="" class="single-slide-small-img-19"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor8} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color9} <div class="tab-pane fade" id="single-slide-19"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor9} alt="" class="single-slide-small-img-20"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor9} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} {if data[0].color10} <div class="tab-pane fade" id="single-slide-20"> <!--Single Product Image Start--> <div class="single-product-img img-full"> <img src=${data[0].imgColor10} alt="" class="single-slide-small-img-21"> <a class="venobox" data-gall="gallery01" href=show.html?imgUrl=${data[0].imgColor10} target="_blank"><i class="fa fa-search-plus"></i> </a> </div> <!--Single Product Image End--> </div> {/if} </div> <!--Tab Content End--> <!--Tab Menu Start--> <div class="single-product-menu"> <div class="nav single-slide-menu" role="tablist"> {if data[0].imgUrl} <div class="single-tab-menu img-full " > <a class="active" data-toggle="tab" href="#single-slide-0"> <img src=${data[0].imgUrl} alt=""> </a> </div> {/if} {if data[0].url1} <div class="single-tab-menu img-full " > <a class="active" data-toggle="tab" href="#single-slide-1"> <img src=${data[0].url1} alt=""> </a> </div> {/if} {if data[0].url2} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-2"><img src=${data[0].url2} alt=""> </a> </div> {/if} {if data[0].url3} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-3"> <img src=${data[0].url3} alt=""> </a> </div> {/if} {if data[0].url4} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-4"><img src=${data[0].url4} alt=""> </a> </div> {/if} {if data[0].url5} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-5"> <img src=${data[0].url5} alt=""> </a> </div> {/if} {if data[0].url6} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-6"> <img src=${data[0].url6} alt=""> </a> </div> {/if} {if data[0].url7} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-7"> <img src=${data[0].url7} alt=""> </a> </div> {/if} {if data[0].url8} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-8"> <img src=${data[0].url8} alt=""> </a> </div> {/if} {if data[0].url9} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-9"> <img src=${data[0].url9} alt=""> </a> </div> {/if} {if data[0].url10} <div class="single-tab-menu img-full " > <a data-toggle="tab" href="#single-slide-10"> <img src=${data[0].url10} alt=""> </a> </div> {/if} </div> </div> <!--Tab Menu End--> </div> <div class="col-md-7"> <div class="single-product-content"> <h1 class="single-product-name"> <span style="color:#F07145;margin-right:100px">${data[0].num}</span> <span class="product-reviews"> <i class="ion-android-star"></i> <i class="ion-android-star"></i> <i class="ion-android-star"></i> <i class="ion-android-star"></i> <i class="ion-android-star"></i> </span> </h1> <h1 class="single-product-name"> ${data[0].type} </h1> <div class="product-info"> <p>${data[0].summary}</p> </div> <div class="single-product-action"> <div class="product-variants"> <div class="product-variants-item"> <span class="control-label">num：</span> <select class="nice-select" name="name" id="name" > <option value="1" >${data[0].num}</option> </select> </div> <div class="product-variants-item"> <span class="control-label">Size</span> <select class="nice-select" name="size" id="size" > {if data[0].size1} <option value="1" id="option-mm-1">${data[0].size1}</option> <option value="1" id="option-InAndFt-1"></option> {/if} {if data[0].size2} <option value="2" id="option-mm-2">${data[0].size2}</option> <option value="2" id="option-InAndFt-2"></option> {/if} {if data[0].size3} <option value="3" id="option-mm-3">${data[0].size3}</option> <option value="3" id="option-InAndFt-3"></option> {/if} {if data[0].size4} <option value="4" id="option-mm-4">${data[0].size4}</option> <option value="4" id="option-InAndFt-4"></option> {/if} </select> </div> </div> <div class="product-variants"> <div class="product-variants-item"> <span class="control-label">Color</span> <select class="nice-select2" name="color" id="color" onchange="changeColor()"> {if data[0].color1} <option value="1">${data[0].color1}</option> {/if} {if data[0].color2} <option value="2">${data[0].color2}</option> {/if} {if data[0].color3} <option value="3">${data[0].color3}</option> {/if} {if data[0].color4} <option value="4">${data[0].color4}</option> {/if} {if data[0].color5} <option value="5">${data[0].color5}</option> {/if} {if data[0].color6} <option value="6">${data[0].color6}</option> {/if} {if data[0].color7} <option value="7">${data[0].color7}</option> {/if} {if data[0].color8} <option value="8">${data[0].color8}</option> {/if} {if data[0].color9} <option value="9">${data[0].color9}</option> {/if} {if data[0].color10} <option value="10">${data[0].color10}</option> {/if} </select> </div> <div class="product-variants-item"> <span class="control-label">数量：</span> <select class="nice-select2" name="num" id="num" onchange="changeNum()"> {if data[0].count1} <option value="1">${data[0].count1}</option> {/if} {if data[0].count2} <option value="2" >${data[0].count2}</option> {/if} {if data[0].count3} <option value="3">${data[0].count3}</option> {/if} {if data[0].count4} <option value="4">${data[0].count4}</option> {/if} </select> </div> <div class="product-variants-item"> <span class="control-label">单价：</span> <select class="nice-select2" name="price" id="price" onchange="changePrice()"> {if data[0].price} <option value="1">${data[0].price}</option> {/if} {if data[0].price2}<option value="2">${data[0].price2}</option> {/if} {if data[0].price3}<option value="3">${data[0].price3}</option> {/if} {if data[0].price4}<option value="4">${data[0].price4}</option> {/if} </select> </div> </div> <!--Single Product Share--> <div class="single-product-share mt-10"> <ul> <li class="categories-title">Share :</li> <li> <a class="fav_facebook" rel="nofollow" href="javascript:window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(document.location.href)+'&t='+encodeURIComponent(document.title));void(0)"> <i class="fa fa-facebook"></i> </a> </li> <!-- <li> <a data-pin-do="buttonBookmark" data-pin-custom="true" data-pin-tall="true" data-pin-round="true" href="https://www.pinterest.com/pin/create/button/"><img src="../img/pinterest.png" height="25"/></a> <script type="text/javascript" async src="http://assets.pinterest.com/js/pinit.js"></script> </li> --> <li><a href="http://www.linkedin.com/shareArticle?url=https://www.okchem.com/instant-quote " target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="javascript:window.open('http://twitter.com/home?status='+encodeURIComponent(document.location.href)+' '+encodeURIComponent(document.title));void(0)"><i class="fa fa-twitter"></i></a></li> <li><a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.hastoninc.net/" target="_blank"><i class="fa fa-qq"></i></a></li> <li><a href="http://v.t.sina.com.cn/share/share.php?url=http://www.hastoninc.net/" target="_blank"><i class="fa fa-weibo"></i></a></li> <li><a href="javascript:window.open('http://www.google.com/bookmarks/mark?op=add&bkmk='+encodeURIComponent(document.location.href)+'&title='+encodeURIComponent(document.title));void(0)"><i class="fa fa-google"></i></a></li> </ul> </div> <!--Single Product Share--> </div> </div> </div> </div> </div> </div> <!--Single Product End--> <!--Single Product Review Tab Start--> <div class="single-product-review-tab mt-10"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="single-product-review-and-description-area"> <!--Review And Description Tab Menu Start--> <ul class="nav dec-and-review-menu"> <li><a class="active" data-toggle="tab" href="#description">Instruction</a> </li> <li><a data-toggle="tab" href="#product-details">Product details</a></li> <li><a data-toggle="tab" href="#zlbz">Quality assurance</a></li> <li><a data-toggle="tab" href="#download">download</a></li> </ul> <!--Review And Description Tab Menu End--> <!--Review And Description Tab Content Start--> <div class="tab-content product-review-content-tab mt-10" id="myTabContent-4"> <div class="tab-pane fade show active" id="description"> <div class="single-product-description"> <p>${data[0].text}</p> </div> </div> <div class="tab-pane fade" id="zlbz"> <div class="single-product-description"> <p>With relevant to all the products sold by Haston, we promise to replace the defective components for free that happen within three years . <br>1. Quality issue caused by any technical or materials defects within three years from shipment date. <br>2. Product damage caused by the packaging or transportation. <br>3. Natural cracking or peeling of vinyl polymer layer coated on product surface under normal and proper use. <br>4. The body break or serious rust under normal and proper use. <br>Your reminder is necessary if the product is fitted in harsh or corrosive environment, so that we can do extra quality treatment for our products. </p> </div> </div> <div class="tab-pane fade" id="download"> <div class="single-product-description"> {if data[0].download1} <p> <a class="button" href=${data[0].download1} download=${data[0].download1}> <i class="icon ion-image"></i> 下载PDF </a> </p> {/if} {if data[0].download2} <p> <a class="button" href=${data[0].download2} download=${data[0].download2}> <i class="icon ion-videocamera"></i> 下载 视频 </a> </p> {/if} {if data[0].download3} <p> <a class="button" href=${data[0].download3} download=${data[0].download3}> <i class="icon ion-document-text"></i> 下载 2D AutoCAD DWG </a> </p> {/if} </div> </div> <div class="tab-pane fade" id="product-details"> <div class="product-details"> <div class="product-out-of-stock"></div> <div class="product-features"> {if data[0].cpggUrl} <div class="single-tab-menu img-full " > <img src=${data[0].cpggUrl} alt=""> </div> {/if} </div> </div> </div> </div> <!--Review And Description Tab Content End--> </div> </div> </div> </div> </div> <!--Single Product Review Tab End--> <!--Slick--> <script src="../js/slick.min.js" ></script> <script type="text/javascript"> $(document).ready(function() { /*----------------------------------- Single Product Side Menu Active --------------------------------------*/ $('.single-slide-menu').slick({ prevArrow: '<i class="fa fa-angle-left"></i>', nextArrow: '<i class="fa fa-angle-right slick-next-btn"></i>', slidesToShow: 3, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 3 } }, { breakpoint: 991, settings: { slidesToShow: 2, slidesToScroll: 2 } }, { breakpoint: 480, settings: { slidesToShow: 2, slidesToScroll: 2 } } ] }); $('.modal').on('shown.bs.modal', function (e) { $('.single-slide-menu').resize(); }) $('.single-slide-menu a').on('click',function(e){ e.preventDefault(); var $href = $(this).attr('href'); $('.single-slide-menu a').removeClass('active'); $(this).addClass('active'); $('.product-details-large .tab-pane').removeClass('active show'); $('.product-details-large '+ $href ).addClass('active show'); }) var url = location.search; //获取url中"?"符后的字串 $("#single-china-href").attr('href',"../single-product.html"+location.search); }); </script>
你浏览过的产品：
<ul class="bxslider"> {for item in data} {if item.imgUrl} <li > <div class="product"> <div class="product_photo"> <a href=${item.href}> <img src=${item.imgUrl} /> </a> </div> </div> </li> {/if} {/for} </ul>
HASTON INTERNATIONAL INC.
export@haston.net.cn
haston@vip.sina.com
www.haston.net.cn
www.Uliwood.cn
www.Uliwood.net
+86-21-6588 0799
+86-13901646676
HASTON INTERNATIONAL INC.
Copyright © 2019-2020,HASTON INTERNATIONAL INC. 版权所有
网站备案号
简体中文
English
