给ECSHOP每个支付方式都增加一个图标-站长杂谈下载

给ECSHOP每个支付方式都增加一个图标

来自版块: 站长杂谈发表于: 2015-8-8 23:33:58
26692
0
如本资源下载地址失效,请点击此处进行反馈
开通本站Svip会员,全站资源免费下
看到标题,有朋友会说了,我可以在通过后台编辑支付方式,在支付方式描述里增加一个 html 标签 img  就可以了呀。看来客官您理解有误,俺这里说的“支付方式图标”不是指 出现在“支付方式描述”中的图片
8 }) m2 T3 a. y而是可以单独任意调用的 “支付方式图标”,) {: ?+ m: Z: w+ s0 e2 U
通过俺的方法,您可以让 这个图标出现在任意位置,9 I0 i: r4 j& E# \& _1 B* ~1 ~* ]
例如可以出现在每个支付方式的最前面,, I+ a' Q( g: X( k8 J: d# E; e: z9 f; F
或者出现在支付方式名字的下边,5 t  ?8 N: m0 {) b( y4 f, Y
或者出现在单选按钮的旁边或下边,等等9 b2 }' h2 L( m; v! C9 J
- s) l' \7 ~1 a% M7 |- v2 n( x
1)4 J3 f0 g# O. @# h( l2 ~  M
首先第一步呢,我们需要准备一些 图片文件作为图标。. k  Q3 I1 B! f: F" f+ B
注意这些图片的命名要讲究一些技巧。6 c! |' v0 @) \8 |  B! L

: h$ i) n) K' e- Q0 P, h! I首先到 ECSHOP后台 》 系统设置 》支付方式,0 q5 e' g& Z4 {5 k
将鼠标悬停在某个支付方式的 “编辑”  处,IE下面的状态栏 就会显示出一个URL
. @  B4 V9 m1 \1 |5 Y% @如下图:
7 ^1 B. ~( M, b( r# r  t/ X 120623183430485660e0o85z.jpg ; b8 X4 f+ \% F' O/ c: P8 n4 y

$ c6 N  J& ~" U% ]注意那个  code = alipay& }4 p0 F% ^6 H) n3 @. y8 _
那么我们就可以命名其中一个图片为 pay_alipay.gif ,将之保存在 themes/ECSHOP模板文件夹/images/下( ]' F& A1 _: M2 ~
这里只是举一个例子,
$ H: b( g7 D1 b, |* }; {也许还有一个 code = tenpay , 那么我们就再保存一个图片名为 pay_tenpay.gif( x+ }0 K" M1 x/ Q3 Q
。。。。。。。。。。。。。。。。。。。。。
  B* Z, b% K' }依次类推,我们把我们想要的图片文件都保存好,8 g3 |) L( g2 y, l, F. ~, |

* P: M, x$ u# Q8 {) e/ P7 R2)/ o: i; l+ `2 P% T+ Z# x
打开  themes/模板文件夹/flow.dwt  文件
. F- q0 c2 d1 S2 Q6 {, q8 b( V! N找到 <strong>{$payment.pay_name}</strong> # }: z6 U- P; \  Q! G4 h
在它后边增加一行代码, \, J+ R: n( I/ ]
<br><img src="images/pay_{$payment.pay_code}.gif">
+ z# G( h  L2 |% j# V& X# \
6 D6 K: w) X5 K' K* E9 o这样修改以后,就会在支付名称下边出现一个图标,用户看了会更醒目的,效果如下图所示:
$ s8 ?5 c. ~0 f+ {, @1 a+ h 1206231834500335102tojst.jpg
$ F4 \# b$ T+ b3 ?4 ^
4 h# v) ?# _) X# y7 M* o

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部