H5主题模版修改文档

来自ECJiaWiki
跳到导航 跳到搜索

首页

顶部导航颜色

1.png

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background: #47aa4d

代码： 

443 .ecjia-header.ecjia-header-index {
444     background: #47aa4d;
445     position: fixed;
446     z-index: 9
447 }

首页限时半价图标

QQ截图20190630160148.png

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-image: url(../images/icon/promotion.png) 图标的位置：网站根目录/sites/m/content/themes/h5/images/icon

代码： 

1446  .ecjia-mod .head-title .icon-promotion {
1447     background-image: url(../images/icon/promotion.png)
1448  }

首页推荐店铺图标

图标4.png

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-image: url(../images/icon/store.png) （图标的位置：网站根目录/sites/m/content/themes/h5/images/icon）

代码： 

1482  .ecjia-mod .head-title .icon-store {
1483     background-image: url(../images/icon/store.png)
1484  }

首页店铺头像边框

图标4.png

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css border: 2px solid #47aa4d（注释这句话 /*border: 2px solid #47aa4d*/ ，如果只是想更换边框颜色，只需更换色值即可）

代码： 

10273  .ecjia-suggest-store .store-left img {
10274     width: 100%;
10275     max-width: 4.5em;
10276     height: 4.5em;
10277     border-radius: 50%;
10278     border: 2px solid #47aa4d
10279  }

首页店铺详情店铺边框

店铺详情头像边框.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css border: 2px solid #47aa4d（注释这句话 /*border: 2px solid #47aa4d*/ ，如果只是想更换边框颜色，只需更换色值即可）

代码： 

2207  .ecjia-store-brief .store-left img {
2208     width: 5em;
2209     height: 5em;
2210     border-radius: 50%;
2211     border: 2px solid #47aa4d;
2212     top: 3.5em;
2213     position: absolute
2214  }

店铺商品页顶部字颜色

商品详情页改字颜色.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css color: #47aa4d （字的颜色）border-bottom: 2px solid #47aa4d;（字下面下划线的颜色）

代码： 

2273  .ecjia-store-ul li span.active {
2274     padding-bottom: .8em;
2275     border-bottom: 2px solid #47aa4d;
2276     color: #47aa4d
2277  }

店铺展示商品页侧边栏

字改红.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css color: #47aa4d;（字的颜色） border-left: 2px solid #47aa4d （字左边下划线的颜色）

代码： 

2814  .a1n .active,
2815  .ecjia-store-goods .a1r .a1s {
2816   background: #fff;
2817   color: #47aa4d;
2818   border-left: 2px solid #47aa4d
2819  }

商品列表选规格

选规格.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #47aa4d

代码： 

2956  .ecjia-store-goods .a1n .a1x span.choose_attr {
2957    position: absolute;
2958    right: 5px;
2959    bottom: 5px;
2960    width: 60px;
2961    text-align: center;
2962    color: #fff;
2963    line-height: 30px;
2964    background-color: #47aa4d;
2965    font-size: 13px;
2966    border-radius: 40px;
2967    cursor: pointer
2968  }

商品列表悬浮按钮

更多+号.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css background-image: url("./dist/images/menu.green.png") （图标位置：/sites/m/content/themes/h5/dist/images）

代码： 

243  .ecjia-menu {
244    background-image: url("./dist/images/menu.green.png");
245  }

商品详情顶部颜色

商品详情顶部栏.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/goods_promotion_detail.dwt.php style="background:#c7000b none repeat scroll 0 0
网站根目录/sites/m/content/themes/h5/goods_show.dwt.php style="background:#c7000b none repeat scroll 0 0 （需要修改两个文件，改的代码一样，行数也一样）

代码： 

27  <div class="ecjia-goods-detail-header ecjia-header-index" style="background:#c7000b none repeat scroll 0 0;">
28	<ul>
29		<li><a class="goods-tab tab1 active" href="javascript:;" data-type="1">{t domain="h5"}商品{/t}</a></li>
30		<li><a class="goods-tab tab2" href="javascript:;" data-type="2">{t domain="h5"}详情{/t}</a></li>
31		<li><a class="goods-tab tab3" href="javascript:;" data-type="3">{t domain="h5"}评价{/t}</a></li>
32	</ul>
33  </div>

商品列表详情选规格

商品详情选规格.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #47aa4d;

代码： 

6604  .goods-add-cart {
6605     width: 85px;
6606     text-align: center;
6607     color: #fff;
6608     line-height: 38px;
6609     background-color: #47aa4d;
6610     float: right;
6611     border-radius: 4px;
6612     clear: both;
6613     border: none;
6614     font-size: 14px;
6615     font-weight: 700;
6616     position: relative
6617   }

分类

分类顶部栏

分类顶部栏.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background: #47aa4d;

代码： 

443  .ecjia-header.ecjia-header-index {
444     background: #47aa4d;
445     position: fixed;
446     z-index: 9
447  }

分类侧边栏

分类侧边栏.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css border-left: 2px solid #47aa4d;

代码： 

1240  .category .category_left li.active {
1241 	border-left: 2px solid #47aa4d;
1212 	background-color: #fff;
1243  }

侧边栏导航

分类侧边栏导航（字）.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css color: #47aa4d;

代码： 

2072  .category .category_left li.active a {
2073     color: #47aa4d;
2074     height: 4em;
2075     text-overflow: ellipsis;
2076     white-space: nowrap;
2077     overflow: hidden;
2078  }

分类二级分类

分类店铺小点.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #47aa4d

代码： 

8918  .ecjia-category-list .point {
8919     content: '';
8920     display: inline-block;
8921     width: 10px;
8922     height: 10px;
8923     margin-right: 7px;
8924     -webkit-border-radius: 50%;
8925     border-radius: 50%;
8926     background-color: #47aa4d
8927  }

发现

顶部栏

发现页修改顶部字.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/discover_init.dwt.php
<a href="{RC_Uri::url('goods/index/new')}"><img src="{$theme_url}images/discover/75_5.png" />{t domain="h5"}掏淘优选{/t}</a>

代码： 

20 <div class="ecjia-discover clearfix pb_50">
21 	<div class="ecjia-discover-icon">
22		<div class="swiper-container" id="swiper-discover-icon">
23			<div class="swiper-wrapper">
24				<div class="swiper-slide"><a href="{RC_Uri::url('mobile/discover/init')}"><img src="{$theme_url}images/discover/75_2.png" /><span>{t domain="h5"}百宝箱{/t}</span></a></div>
25				<div class="swiper-slide"><a href="{$signup_reward_url}"><img src="{$theme_url}images/discover/75_3.png" /><span>{t domain="h5"}新人有礼{/t}</span></a></div>
26				<div class="swiper-slide"><a href="{RC_Uri::url('user/index/spread')}"><img src="{$theme_url}images/discover/75_4.png" /><span>{t domain="h5"}推广{/t}</span></a></div>
27				<div class="swiper-slide"><a href="{RC_Uri::url('goods/index/new')}"><img src="{$theme_url}images/discover/75_5.png" /><span>{t domain="h5"}新品推荐{/t}</span></a></div>
28				<div class="swiper-slide"><a href="{RC_Uri::url('goods/index/promotion')}"><img src="{$theme_url}images/discover/75_6.png" /><span>{t domain="h5"}促销商品{/t}</span></a></div>
29			</div>
30		</div>
31	</div>

一级分类下划线

发现页顶部导航栏.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css border-bottom: 3px solid #47aa4d

代码： 

11048  .ecjia-discover-article .swiper-slide.active {
11049     border-bottom: 3px solid #47aa4d
11050  }

购物车

获取位置

背景色.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background: #47aa4d url(../images/cart/loc2.png) 13px center no-repeat;

代码： 

10730  .ecjia-flow-cart .a4v {
10731     display: inline-block;
10732     vertical-align: top;
10733     line-height: 22px;
10734     padding: 0 14px 0 31px;
10735     border-radius: 22px;
10736     font-size: 14px;
10737     color: #fff;
10738     background: #47aa4d url(../images/cart/loc2.png) 13px center no-repeat;
10739     background-size: 10px 12px;
10740     white-space: nowrap;
10741     overflow: hidden;
10742     text-overflow: ellipsis;
10743     width: 100%
10744  }

获取位置背景色

背景色.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #d1e7d3;

代码： 

10712  .ecjia-flow-cart .a4u {
10713     display: inline-block;
10714     vertical-align: top;
10715     padding: 6px 7px;
10716     border-radius: 32px;
10717     background-color: #d1e7d3;
10718     max-width: 95%;
10719     margin: 10px auto
10720  }

加入购物车商品规格

加入购物车选规格.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #47aa4d;

代码： 

10579  .ecjia-attr-static .goods-attr-list ul > li.active,
10580  .ecjia-goodsAttr-modal .goods-attr-list ul > li.active {
10581     background-color: #47aa4d;
10582     color: #fff;
10583     border: 1px solid #fff
10584  }

结算商品

结算商品.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-color: #47aa4d

代码： 

3232  .store-add-cart.a4w .a51 {
3233     position: absolute;
3234     z-index: 14;
3235     right: 0;
3236     text-align: center;
3237     color: #fff;
3238     line-height: 48px;
3239     background-color: #47aa4d;
3240     font-size: 1.1em;
3241     padding: 0 5px;
3242     min-width: 105px
3243  }

购物车图标

购物车图标.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background: url(../images/icon/cart.png) 10px 3px no-repeat 图标位置在（网站根目录/sites/m/content/themes/h5/images/icon/cart.png）

代码： 

3165  .store-add-cart.a4w .a4x {
3166     visibility: hidden;
3167     position: absolute;
3168     z-index: 15;
3169     left: 0;
3170     top: 0;
3171     width: 80px;
3172     height: 48px;
3173     background: url(../images/icon/cart.png) 10px 3px no-repeat;
3174     background-size: 50px 125px;
3175     transition: transform .5s ease-out 0s;
3176     -webkit-transition: -webkit-transform .5s ease-out 0s
3177  }

购物车勾选框

购物车图标.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background-image: url(../images/icon/ck.png) 图标位置在（网站根目录/sites/m/content/themes/h5/images/icon/ck.png）

代码： 

3320  .store-add-cart.a4w .a69 {
3321     position: absolute;
3322     left: 0;
3323     background-image: url(../images/icon/ck.png);
3324     background-size: 20px 220px;
3325     background-repeat: no-repeat
3326  }

我的

顶部栏

我的.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css background: #47aa4d

代码： 

5070  .ecjia-user.user-new-info {
5071     padding: 0;
5072     overflow: hidden;
5073     line-height: 6em;
5074     position: relative;
5075     height: 10em;
5076     width: 100%;
5077     background: #47aa4d
5078  }

退出登录

退出登录1.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css border-color:#47aa4d（边框颜色） background: #47aa4d（背景色）（和登录按钮样式是同一个地方）

代码： 

120  /**
121  * btn
122  * 按钮基础类
123  */
124  .btn,
125  .btn:link,
126  .btn:hover,
127  .btn:active,
128  .btn:visited {
129     border-color:#47aa4d;
130     background: #47aa4d;
131     color: #fff;
132  }

登录页顶部

登录页.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css background: #47aa4d

代码： 

220  /**
221   * ecjia-header
222   * 全局顶条样式
223  */
224 .ecjia-header {
225 	background: #47aa4d;
226	    color: #fff;
227  }

登录按钮

登录页.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css border-color:#47aa4d（边框颜色） background: #47aa4d（背景色）

代码： 

120  /**
121  * btn
122  * 按钮基础类
123  */
124  .btn,
125  .btn:link,
126  .btn:hover,
127  .btn:active,
128  .btn:visited {
129     border-color:#47aa4d;
130     background: #47aa4d;
131     color: #fff;
132  }

我的订单

我的订单-去支付.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css background-color: #fff （背景色） color:#47aa4d（字体颜色）

代码： 

194  /* 空心按钮 */
195  .btn-hollow,
196  .btn-hollow:link,
197  .btn-hollow:hover,
198  .btn-hollow:active,
199  .btn-hollow:visited {
200	    background-color: #fff;
201	    color:#47aa4d;
202   }

订单详情

我的订单-去支付.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/style.css border-color:#47aa4d;（边框色）

代码： 

120  /**
121  * btn
122  * 按钮基础类
123  */
124  .btn,
125  .btn:link,
126  .btn:hover,
127  .btn:active,
128  .btn:visited {
129     border-color:#47aa4d;
130     background: #47aa4d;
131     color: #fff;
132  }

订单配送

我的订单配送.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css color: #47aa4d

代码： 

7325  .ecjia-order-list .ecjia-order-item .order-hd .order_model {
7326     color: #47aa4d
7327  }

注册文字

注册文字1.png

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/user_login.dwt.php 修改文字

代码： 

29  <p class="ecjiaf-tac">{t domain="h5"}未注册手机验证后自动注册登录，享新人好礼{/t}</p>

底部图标

底部导航

底部图标字.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/css/ecjia_city.css color: #47aa4d （修改字的颜色）

代码： 

9906  .o.index a.index {
9907     background-position: center 0;
9908     color: #47aa4d
9909  }

底部导航图标

底部图标字.jpg

代码位置 需要修改的代码
网站根目录/sites/m/content/themes/h5/images/bar bar.jpg （直接将新的图片放在文件夹中替换，命名不变）
取自“https://ecjia.com/wiki/index.php?title=H5主题模版修改文档&oldid=34522”