首页
关于我们
产品目录
公共场所设施
公园长椅
野餐桌
垃圾桶
自动饮水机
植栽箱
树根护罩
隔离栅栏
路障柱
自行车架
候车站庭
游乐场设施
传声筒
滑梯
摇摆游具
摇动游具
攀爬游具
小型游具
大型游具
景观设施
景观设施
优力木材料
优力木
庭院设施
户外家具
火炉
遮阳棚
儿童用品
儿童用品
常见问题
寻求合作
联系我们
简体中文
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} /> <!--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">品号：</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">尺寸：</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">颜色：</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">分享 :</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">制作说明</a> </li> <li><a data-toggle="tab" href="#product-details">产品细节</a></li> <li><a data-toggle="tab" href="#zlbz">质量保证</a></li> <li><a data-toggle="tab" href="#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>我们承诺对所有HASTON公司销售出的产品，在三年期限内若有发生如下的质量缺陷情况，我们将保证无偿负责调换有缺陷的部件。 <br>1. 从产品发送日期开始的三年内，任何被认定为属于制作材料或工艺上的缺陷原因，导致产品的质量问题。 <br>2. 属于产品的包装和运输原因导致产品的毁损情况。 <br>3. 在正常和善意的使用情况下，若产品表面的乙烯基树脂涂层发生自然龟裂或剥离现象。 <br>4. 在正常和善意的使用情况下，产品结构发生断裂或严重锈蚀现象的。 <br> 如果产品将被安装在有特殊恶劣或腐蚀性的环境中，请必须在交易咨询中特别提示我们，以便我们对产品多额外的质量处理。 </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].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} {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} </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-en-href").attr('href',"en/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>
上海华颂景观工程有限公司
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
