您好，欢迎访问老虎沄！

您的位置： 老虎沄 > 网站相关 > 正文

修改ecshop支付宝付款按钮样式外观换成图片

发布时间：2015-11-14 09:54     浏览量：人

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

 

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

1 $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>';

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

1 $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文件的下面添加以下代码：

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

修改之后的效果:

 

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

新发布的内容

大家感兴趣的内容