新闻中心

Ecshop教程:修改支付宝付款按钮样式外观换成图片

作者 / 无忧主机 时间 2015-11-12 19:37:19

很多无忧主机在php空间使用ecshop的用户觉得ecshop默认的支付宝按钮太单调,也不显眼,觉得太难看,想要自定义的修改成带有个性的颜色或者其他图片之类的,那么如何修改呢? 下面由无忧主机小编就来为大家简单介绍一种修改ecshop支付宝支付按钮的方法。 小编就先来下个单,分别看看修改前和修改后的不同之处。 下完单之后,点进用户中心——我的订单,显示的效果如下图: 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;/*字体颜色*/
修改之后的效果: Ecshop教程:修改支付宝付款按钮样式外观换成图片 看,是不是很简单呢。赶紧来试试吧 无忧主机相关文章推荐阅读: ECSHOP教程:商品页模板修改删除购买记录 ECSHOP程序网站后台编辑的商品描述如何在首页显示出来 ECSHOP教程:配送方式报错LIB_COMMON.PHP ON LINE 959

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

1
1
1
1
1
1
1