2Cshop主题库-跨境电商独立站模板主题库-2cshop助力跨境电商品牌出海

<!DOCTYPE html> <html lang="en"> <head> <script> (function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/10241409/1";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?680cc951c1daa6bcf97a0e5b09116fa2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta content="telephone=no" name="format-detection" /> <link rel="stylesheet" href="/home_static/css/swiper-6.7.5.min.css"> <link rel="stylesheet" href="/home_static/css/reset.css"> <link rel="stylesheet" href="/home_static/css/common.css"> <link rel="stylesheet" href="/home_static/css/index.css"> <title>2Cshop主题库-跨境电商独立站模板主题库-2cshop助力跨境电商品牌出海</title> <meta name="keywords" content="外贸B2C商城网站模板,外贸商城网站模板,外贸购物网站模板"> <meta name="description" content="深圳2cshop跨境电商独立站通过转化高,客户黏性高,运费设置灵活三大方向,强大后台功能可视化编辑,订单管理,会员管理,产品管理,访客交互等8大管理模块.编辑管理一目了然,新手也能轻松掌握."> <meta name="baidu-site-verification" content="code-U5w22REaQH" />  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '256298519402190'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=256298519402190&ev=PageView&noscript=1" /></noscript>  <link rel="stylesheet" href="/home_static/css/style.css"> <style> .case-main .f-box{display: none} .case-main .f-box.show{display: block} .case-nav{width: 280px;margin: 0 auto;border-radius: 22px;height: 45px;background-color: #fff;overflow: hidden;margin-top: 50px;margin-bottom: 70px} .case-nav .item{width: 50%;display: inline-block;display: flex; align-items:center; justify-content:center;cursor: pointer} .case-nav .item.active{background-color: #206BEB;color: #fff} .case-nav .item .icon{font-size: 18px;display: inline-block;margin-right: 10px} @media screen and (max-width: 767px) { .case-nav { height: 35px } } </style> </head> <body class="case-wrap-box"> <link rel="stylesheet" href="/home_static/css/icon/iconfont.css"> <style> .smdaohang .active{font-weight: bold} .smdaohang .active a{font-weight: bold} .nav-item .active{color:#206BEB} .jianzhanlogo{display: none} </style> <div class="header"> <div class="wrap"> <div class="header-box flex"> <a href="/" class="logo"> <img src="https://www.2cshop.com/home_static/image/jianzhan/jianzhanlogo.png" alt=""> <img src="/home_static/image/jianzhan/jianzhanlogo.png" alt="" class="jianzhanlogo"> </a> <div class="nav-list-box flex-line"> <span class="nav-item"><a href="/" class="">首页</a></span> <span class="nav-item"><a href="/kuajingjianzhan.html" class="active">跨境建站</a> <ul class="chil-nav"> <li><a href="/advantage.html">功能优势</a></li> <li><a href="/theme.html">主题模板</a></li> </ul> </span> <span class="nav-item"> <a href="/waimaob2bjianzhan.html" >外贸B2B建站</a> </span> <span class="nav-item"> <a href="/seoyouhua.html" class="">SEO优化</a> </span> <span class="hiden-boxs112 nav-item"> <a href="/haiwaituiguang.html" >海外推广</a> <ul class="chil-nav"> <li><a href="/google.html">Google广告推广</a></li> <li><a href="/facebook.html">Facebook广告引流</a></li>  </ul> </span> <span class="nav-item"><a href="/news/cate_id/3.html" >跨境学院</a> <ul class="chil-nav"> <li><a href="/news/cate_id/3.html">跨境干货</a></li> <li><a href="/video.html">视频课程</a></li> <li><a href="/help.html">帮助中心</a></li> </ul> </span> <span class="nav-item"><a href="/about.html" >关于我们</a> <ul class="chil-nav"> <li><a href="/about.html">公司介绍</a></li> <li><a href="/news/cate_id/5.html">公司动态</a></li>  <li><a href="/contact.html">联系我们</a></li> </ul> </span> <span class="nav-item"> <a href="/partner.html" >城市合伙人</a> </span> </div> <div class="login-box" > <button onclick="toRegister()">立即试用</button> <button onclick="toLogin()" class="login">登录</button> </div> </div> </div> </div> <div class="mobile-box"> <div class="nav" id="nav" onclick="doAct(this);"> <span class="nav1"></span> <span class="nav2"></span> <span class="nav3"></span> </div> <div class="smdaohang" id="smdaohang"> <ul class="topnav"> <li> <a href="/" >首页</a> </li> <li> <a href="/advantage.html" class="active">跨境建站</a> <ul> <li> <a href="/advantage.html">功能优势</a> </li> <li> <a href="/theme.html">主题模板</a> </li> </ul> </li> <li> <a href="/waimaob2bjianzhan.html" >外贸B2B建站</a> </li> <li> <a href="/seoyouhua.html" class="">SEO优化</a> </li> <li class="hiden-boxs112"> <a href="/haiwaituiguang.html" >海外推广</a> <ul> <li> <a href="/google.html">Google广告推广</a> </li> <li> <a href="/facebook.html">Facebook广告引流</a> </li>  </ul> </li> <li> <a href="/news/cate_id/3.html" >跨境学院</a> <ul> <li> <a href="/news/cate_id/3.html">跨境干货</a> </li> <li> <a href="/video.html">视频课程</a> </li> <li> <a href="/help.html">帮助中心</a> </li> </ul> </li> <li> <a href="/about.html" >关于我们</a> <ul> <li> <a href="/about.html">公司介绍</a> </li> <li> <a href="/news/cate_id/5.html">公司动态</a> </li>    <li> <a href="/contact.html">联系我们</a> </li> </ul> </li> <li> <a href="/partner.html" >城市合伙人</a> </li> </ul> </div> </div> <script> function toRegister() { location.href="https://mystore.2cshop.com/#/login?type=register"; } function toLogin() { location.href="https://mystore.2cshop.com"; } function toAdmin() { location.href="https://member.2cshop.com/admin?session="; } function toLoginOut(){ location.href= "https://member.2cshop.com/admin/Common/logout.html" } </script> <style> .banner.mobile{display: none} @media screen and (max-width: 767px) { .banner.mobile{display: block} .banner{display: none} } </style> <div class="banner"> <a href="" target="_blank" rel="nofollow"> <img alt="跨境电商独立站主题模板" title="跨境电商独立站主题模板" src="https://www.2cshop.com/upload/20220512/b0958821cba7b550a3a13fe79d2c4ba6.jpg" /> </a> </div> <div class="banner mobile"> <img src="https://www.2cshop.com/upload/20220118/7451e68ceab5630a3f75d65cfadbe668.jpg" /> </div> <div class="seach wrap"> <form action="theme" class="form flex"> <input type="text" name="keyword" value="" placeholder="输入关键词搜索"> <button class="icon iconfont icon-fangdajing"></button> </form> </div> <input type="hidden" id="keyword" value=""> <input type="hidden" id="type_id" value=""> <input type="hidden" name="mobile_template_num" value="60">                                                                                      <div class="wrap case"> <div class="case-nav flex"> <span class="item active"><i class="icon iconfont icon-diannao_o"></i>电脑端</span> <span class="item"><i class="icon iconfont icon-shouji"></i>移动端</span> </div> <div class="case-main"> <div class="f-box show casePc"> <div class="case-list"> <div class="casebox no"></div> </div> <input type="hidden" id="ismore" value="0"> <div class="tipsmassage hide" style="display: none;">  </div> <div class="case-btn"> <a href="javascript:load('pc');" class="submit submit-btn-hide pc-hide">获取更多模板</a> </div> </div> <div class="f-box caseMobile"> <div class="case-list"> <div class="casebox no"></div> </div> <input type="hidden" id="ismore2" value="0"> <div class="tipsmassage hide" style="display: none;">  </div> <div class="case-btn"> <a href="javascript:load('mobile');" class="submit submit-btn-hide mobile-hide">获取更多模板</a> </div> </div> </div> </div> <div class="bot"><img src="/home_static/images/casebot.png" alt=""> <div class="cont flex"><p>立即创建你的专属店铺</p><a href="/register.html">立即申请试用</a></div></div> <div class="goTop"></div> <div class="footer"> <div class="wrap f-box "> <div class="footer-nav-box flex"> <div class="footer-nav-item"> <p class="tit">跨境建站</p> <a href="/advantage.html">功能优势 </a> <a href="/theme.html">模板主题</a> </div>       <div class="footer-nav-item"> <p class="tit">跨境学院</p> <a href="/news/cate_id/3.html">跨境干货</a> <a href="/video.html">视频课程</a> <a href="/help.html">帮助中心</a> </div> <div class="footer-nav-item"> <p class="tit">关于我们</p> <a href="/about.html">公司介绍</a> <a href="/news/cate_id/5.html">公司动态</a>  <a href="/contact.html">联系我们</a> </div> <div class="footer-nav-item"> <p class="tit">联系我们</p> <a>电话：400-9900-890 </a> <a>微信：ToC-shop</a> <a>QQ：18632621</a> </div> <div class="footer-nav-item "> <div class="item"> <p class="tit">客服微信</p> <img width="100" src="https://www.2cshop.com/upload/20221117/680e0975f40e27eaa3ba8224f390e8f8.png" alt="https://www.2cshop.com/upload/20221117/680e0975f40e27eaa3ba8224f390e8f8.png" title="https://www.2cshop.com/upload/20221117/680e0975f40e27eaa3ba8224f390e8f8.png" /> </div> </div> </div> <div class="link">  <span class="name">友情链接：</span> <a href="https://www.ipfoxy.net/?r=lk_2cshop" target="_blank" title="IPFoxy纯净代理IP" class="list">IPFoxy纯净代理IP</a> <a href="https://www.tydatainfo.com" target="_blank" title="研究报告网" class="list">研究报告网</a> <a href="https://www.hotlistmarketing.com/" target="_blank" title="海外红人营销" class="list">海外红人营销</a> <a href="http://www.shopify123.cn" target="_blank" title="shopify" class="list">shopify</a> <a href="https://www.xiaoxiongip.com?from=8vPPnJ" target="_blank" title="小熊HTTP代理" class="list">小熊HTTP代理</a> <a href="diffshop.cn" target="_blank" title="Diffshop店湖" class="list">Diffshop店湖</a> <a href="http://www.eutui.cn" target="_blank" title="大连网站建设" class="list">大连网站建设</a> <a href="https://didi.seowhy.com" target="_blank" title="搜外友链" class="list">搜外友链</a> <a href="http://www.lyhaoke.com" target="_blank" title="网站建设" class="list">网站建设</a> <a href="http://www.cdzwsd.cn" target="_blank" title="网站建设推广" class="list">网站建设推广</a> <a href="http://www.gake.com.cn" target="_blank" title="企业网站定制" class="list">企业网站定制</a> <a href="http://www.shanguui.com" target="_blank" title="UI设计公司" class="list">UI设计公司</a> <a href="https://www.useepay.com/" target="_blank" title="UseePay" class="list">UseePay</a> <a href="http://www.informat.cn" target="_blank" title="低代码" class="list">低代码</a> <a href="https://www.aixiaobian.cn" target="_blank" title="在线自动生成文章" class="list">在线自动生成文章</a> <a href="http://www.xinguwen.com/" target="_blank" title="外贸培训" class="list">外贸培训</a> <a href="https://www.reanod.com/" target="_blank" title="外贸推广" class="list">外贸推广</a> <a href="https://www.029stb.com" target="_blank" title="西安网站建设" class="list">西安网站建设</a> <a href="https://ningkeli.com" target="_blank" title="成都网络推广" class="list">成都网络推广</a> <a href="https://www.bmkj.net" target="_blank" title="深圳做网站" class="list">深圳做网站</a> <a href="http://www.ec365.net" target="_blank" title="镇江网站优化" class="list">镇江网站优化</a> <a href="http://shaoyang.dgjwz.com" target="_blank" title="邵阳网站建设" class="list">邵阳网站建设</a> </div> </div> <div class="footer-bot"> <div class="wrap flex"> <div class="copy "> <div class="flex flex-cCenter"> <img src="/home_static/image/icon/icon-footer.png" /> <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index"><span>网站备案/许可证号粤ICP备18036964号广东海风吹信息技术有限公司</span></a> </div> </div> <div class="about"> <a href="/agreement.html" target="_blank"><span>用户协议</span></a> <a href="/privacy.html" target="_blank"><span>隐私政策</span></a> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?13d4e50ce7125a8a06f540e1cef06161"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement("script"); var curProtocol = window.location.protocol.split(":")[0]; if (curProtocol === "https"){ bp.src = "https://zz.bdstatic.com/linksubmit/push.js"; }else{ bp.src = "http://push.zhanzhang.baidu.com/push.js"; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280900920&web_id=1280900920"></script> <script> (function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)}; b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e); s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g) })(window,document,"script","_qha",457055,false); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?b00f83cea10db445ccc8204609ff3e98"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?680cc951c1daa6bcf97a0e5b09116fa2"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>              <script src="/home_static/js/jquery-1.11.3.min.js"></script> <script src="/home_static/js/swiper-6.7.5.min.js"></script> <script src="/home_static/js/common.js"></script> <script src="/home_static/js/base64.js"></script> <script src="/home_static/js/md5.min.js"></script>        <script src="/home_static/js/layer/layer.js"></script> <script type="text/javascript"> let pcIsLoad = false; let mobileIsLoad = false; var pcPage = 1; var mobilePage = 1; var template_url = "theme.2cshop.com"; function load(type) { if (type == "mobile" && $(`[name="mobile_template_num"]`).val() == 0) { // 如果是移动端需要判断移动端模板数量 return; } if (type=='pc'? !pcIsLoad:!mobileIsLoad) { var param = {}; param.start = $("#start").val(); param.keyword = $.trim($("#keyword").val()); param.type_id = $("#type_id").val(); param.terminal_type = type; param.type = 2; // 新可视化模板 $('.tipsmassage').hide(); //(isLoad) var index = layer.open({ type: 3, icon: 16, shade: 0.01, content: '' }) isLoad = true; //(isLoad) $.ajax({ url: `/index/template/getlistApp?page=${type=='pc'? pcPage:mobilePage}` , type: 'GET', //GET data: param, timeout: 5000, //超时时间 dataType: 'json', success: function (data) { type=='pc'? pcPage++:mobilePage++ // console.log("data---",data.current_page,"**--**",data.last_page,data.current_page==data.last_page) if (1 == 1) { list = data.data; if (list.length <= 0) { $('.tipsmassage').show(); $('.pc-hide').hide(); $('.mobile-hide').hide(); $('#ismore').val(1); $('.case-btn').hide(); return false; } else { $('#ismore').val(0); $('.tipsmassage').hide(); $('.pc-hide').show(); $('.mobile-hide').show(); } var str = ''; var str_app = ''; var no_margin = ''; $.each(list, function (a, b) { if (a == 0 || a % 3 == 0) { no_margin = 'no_margin'; } else { no_margin = ''; } str += '<div class="casebox">\n' + '\t\t\t\t\t\t\t<div class="casecon">\n' + '\t\t\t\t\t\t\t\t<img src="/home_static/images/syp.png" alt="" style="background-image: url('+b.thumb+')">\n' + '\t\t\t\t\t\t\t\t<div class="casecover">\n' + '\t\t\t\t\t\t\t\t\t<i class="icon iconfont icon-yanjing"></i>\n' + '\t\t\t\t\t\t\t\t\t<p>'+ b.code +'</p>\n' + '\t\t\t\t\t\t\t\t\t<a rel="nofollow" href="'+ b.template_url+'" target="_blank">预览</a>\n' + '\t\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t</div>'; str_app += '<div class="casebox">\n' + '\t\t\t\t\t\t\t<div class="casecon">\n' + '\t\t\t\t\t\t\t\t<img src="/home_static/images/syp.png" alt="" style="transition: ease-out 20s;background-image: url('+b.app_thumb+')">\n' + '\t\t\t\t\t\t\t\t<div class="casecover">\n' + '\t\t\t\t\t\t\t\t\t<i class="icon iconfont icon-yanjing"></i>\n' + '\t\t\t\t\t\t\t\t\t<p>'+ b.code +'</p>\n' + '\t\t\t\t\t\t\t\t\t<a rel="nofollow" href="'+ b.template_url+'" target="_blank">预览</a>\n' + '\t\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t</div>'; }) if(type=='pc'){ $('.case .casePc .case-list .casebox.no').before(str); }else{ $('.case .caseMobile .case-list .casebox.no').before(str_app); } isLoad = false; if(data.current_page==data.last_page){ if(type=='pc'){ $('.pc-hide').hide(); }else{ $('.mobile-hide').hide(); } isLoad = true; } } else { // isLoad = true; type=='pc'? pcIsLoad= true:mobileIsLoad= true } }, complete: function () { layer.close(index) }, error: function () { // isLoad = false; type=='pc'? pcIsLoad= true:mobileIsLoad= true layer.close(index) layer.msg("请求失败") } }) } } $(function (){ if ($(`[name="mobile_template_num"]`).val() > 0) { // 如果移动端模板数量大于0，可以加在移动端数据 load('mobile') } load('pc') }) $('.get-list').click(function () { $(this).closest('.item.flex').find('.list a').removeClass('active'); $(this).closest('.item.flex').find('.left a').removeClass('active'); $(this).addClass('active') let selectId = ''; $.each($('.nav.wrap a.active'), function (index, item) { selectId += $(item).data("id")+','; }) var index = layer.open({ type: 3, icon: 16, shade: 0.01, content: '' }) isLoad = true; //(isLoad) $.ajax({ url: '/index/template/getSearch', type: 'GET', //GET data: {style_id:selectId}, timeout: 5000, //超时时间 dataType: 'json', success: function (data) { list = data.data; var str = ''; var no_margin = ''; $.each(list, function (a, b) { if (a == 0 || a % 3 == 0) { no_margin = 'no_margin'; } else { no_margin = ''; } str += '<div class="casebox">\n' + '\t\t\t\t\t\t\t<div class="casecon">\n' + '\t\t\t\t\t\t\t\t<img src="/home_static/images/syp.png" alt="" style="background-image: url('+b.thumb+')">\n' + '\t\t\t\t\t\t\t\t<div class="casecover">\n' + '\t\t\t\t\t\t\t\t\t<i class="icon iconfont icon-yanjing"></i>\n' + '\t\t\t\t\t\t\t\t\t<p>'+ b.code +'</p>\n' + '\t\t\t\t\t\t\t\t\t<a href="http://' + b.code + '.' + template_url + '/' + '" target="_blank">预览</a>\n' + '\t\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t\t</div>\n' + '\t\t\t\t\t\t</div>'; }) str +='<div class="casebox no"></div>'; $('.case .case-list').children().remove(); $('.case .case-list').append(str); $('.case-btn').hide(); }, complete: function () { layer.close(index) }, error: function () { isLoad = false; layer.close(index) layer.msg("请求失败") } }) }) $(".case-nav .item").click(function () { $(this).addClass('active').siblings('.item').removeClass('active') $('.case-main').children(".f-box").eq($(this).index()).addClass('show').siblings('.f-box').removeClass('show') }) </script> </body> </html>

CINXE.COM

2Cshop主题库-跨境电商独立站模板主题库-2cshop助力跨境电商品牌出海