香港独立IP空间
香港php空间
美国php空间
域名注册

很多无忧主机在php空间使用ecshop的用户觉得ecshop默认的支付宝按钮太单调,也不显眼,觉得太难看,想要自定义的修改成带有个性的颜色或者其他图片之类的,那么如何修改呢?
下面由无忧主机小编就来为大家简单介绍一种修改ecshop支付宝支付按钮的方法。
小编就先来下个单,分别看看修改前和修改后的不同之处。
下完单之后,点进用户中心——我的订单,显示的效果如下图:

ec 2015 11 12 1 300x84 Ecshop教程:修改支付宝付款按钮样式外观换成图片

接下来小编就开始进行修改了。
首先打开网站根目录/includes/modules/payment/alipay.php;大概在196行,找到以下这段代码:

$button = '<div style="text-align:center"><input type="button" onclick="window.open(\'https://www.alipay.com/cooperate/gateway.do?'.$param. '&sign='.md5($sign).'&sign_type=MD5\')" value="' .$GLOBALS['_LANG']['pay_button']. '" /></div>';

将其修改成以下这段代码:

$button = '<div style="text-align:center"><input type="button" class="alipay_anniu" onclick="window.open(\'https://www.alipay.com/cooperate/gateway.do?'.$param. '&sign='.md5($sign).'&sign_type=MD5\')" value="' .$GLOBALS['_LANG']['pay_button']. '" /></div>';

也就是在<input type=”button”后面添加:class=”alipay_anniu”
接下来是在themes/模版文件/style.css文件的最下面添加以下代码:

.alipay_anniu {
width: 220px;/*按钮宽度*/
height: 40px;/*按钮高度*/
border: 2px solid #EBEBEB;/*按钮边框*/
background: none repeat scroll 0 0 #990099;/*按钮背景颜色*/
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
display: inline-block;
position: relative;
text-align: center;/*按钮字体居中*/
cursor: pointer;/*鼠标放在按钮上变成小手*/
font-size:18px;/*字体大小*/
color:#ffffff;/*字体颜色*/

修改之后的效果:

ec 2015 11 12 2 300x85 Ecshop教程:修改支付宝付款按钮样式外观换成图片

看,是不是很简单呢。赶紧来试试吧

无忧主机相关文章推荐阅读:
ECSHOP教程:商品页模板修改删除购买记录
ECSHOP程序网站后台编辑的商品描述如何在首页显示出来
ECSHOP教程:配送方式报错LIB_COMMON.PHP ON LINE 959

本文地址:http://www.51php.com/ecshop/20715.html

喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

阅读本文的人还阅读: