H5主题模版修改文档
跳到导航
跳到搜索
首页
顶部导航颜色
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
首页限时半价图标
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
首页推荐店铺图标
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
首页店铺头像边框
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
首页店铺详情店铺边框
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
店铺商品页顶部字颜色
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
店铺展示商品页侧边栏
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
商品列表选规格
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
商品列表悬浮按钮
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
商品详情顶部颜色
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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>
商品列表详情选规格
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
分类
分类顶部栏
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
分类侧边栏
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
侧边栏导航
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
分类二级分类
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
发现
顶部栏
代码位置 | 需要修改的代码 |
---|---|
网站根目录/sites/m/content/themes/h5/discover_init.dwt.php |
代码:
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>
一级分类下划线
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
购物车
获取位置
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
获取位置背景色
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
加入购物车商品规格
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
结算商品
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
购物车图标
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
购物车勾选框
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
我的
顶部栏
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
退出登录
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
登录页顶部
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
登录按钮
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
我的订单
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
订单详情
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
订单配送
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
注册文字
代码位置 | 需要修改的代码 |
---|---|
网站根目录/sites/m/content/themes/h5/user_login.dwt.php | 修改文字 |
代码:
29 <p class="ecjiaf-tac">{t domain="h5"}未注册手机验证后自动注册登录,享新人好礼{/t}</p>
底部图标
底部导航
代码位置 | 需要修改的代码 |
---|---|
网站根目录/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 }
底部导航图标
代码位置 | 需要修改的代码 |
---|---|
网站根目录/sites/m/content/themes/h5/images/bar | bar.jpg (直接将新的图片放在文件夹中替换,命名不变) |