广告

FAST-DEMO[集成支付宝]

插件介绍
简单素白模版

模版代码-HTML:

101
102
103
104
105
106
107
108
109
110
111
112
113
<div><label>收货姓名:</label><input type="text" class="[in_ordname]" value=""/></div>
<div><label>收货电话:</label><input type="text" class="[in_tel]" value=""/></div>
<div><label>收货邮编:</label><input type="text" class="[in_postcode]" value=""/></div>
<div><label>收货地址:</label><input type="text" class="[in_addr]" value=""/></div>
<div><label>收货邮箱:</label><input type="text" class="[in_email]" value="" /></div>
<div><label>购买数量:</label>
<select class="[in_num]">
<option value="1">1件</option>
<option value="2">2件</option>
<option value="3">3件</option>
</select></div>
<div><label>买家留言:</label><textarea class="[in_msg]" style="width:300px"></textarea></div>
<div><input type="button" class="[in_pay]" value="点此购买"></div>
淘宝经典模版

商品名称

¥ 0.01


模版代码-CSS:

101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<style>
/**
 *#eaf3ff:浅蓝
 *#FFF3D9:淡黄
 *#FFBB29:深黄
 *
 *
 *
 */
.ws_alipay_show_main_wrap, .ws_alipay_show_main_wrap *{padding:0;margin:0;}
.ws_alipay_show_main_wrap{width:100%;margin:10px auto;overflow:hidden}
.ws_alipay_show_child_wrap{width:95%;min-height:100px;margin:0 auto;padding:10px 0 10px 20px;background:#FFF3D9;border:#FFF3D9 1px solid;position:relative;border-radius:3px}
.ws_alipay_show_child_wrap:hover{border:#FFBB29 1px solid}
.ws_alipay_show_child_wrap div{float:left;margin-right:20px;color:#666}
.ws_alipay_show_child_wrap p{display:inline;font-size:24px;font-family:sans-serif;color:#FB5C06;margin-left:15px;line-height:1.5em}
.ws_alipay_show_child_wrap .ws_alipay_show_email{display:block;width:300px;height:45px;margin:0px 20px 10px 0;font:normal normal 100 24px Verdana, Geneva, sans-serif;border:solid 1px #24F0E6;border-radius:5px;box-shadow:0 0 3px #06CAEC;padding:0px 10px;line-height:2em;float:left;text-align:center}
.ws_alipay_show_paybutton{float:left;width:160px!important;height:45px;background:url("http://www.waisir.com/wp-content/plugins/alipay/styles/images/buy_160x45.png");border:none;}
.ws_alipay_show_paybutton:hover{margin-left:1px;margin-top:1px}
.ws_alipay_show_paybutton:active{margin-left:3px;margin-top:3px}
.ws_alipay_show_child_wrap .ws_alipay_show_clear{float:none;clear:both;height:10px;}
 
</style>

模版代码-HTML:

101
102
103
104
105
106
107
108
109
110
<div class="ws_alipay_show_main_wrap">
<div class="ws_alipay_show_child_wrap">
<div><label>商品名称:</label><p>[out_name]</p></div>
<div><label>商品单价:</label><p>&yen;&nbsp;[out_price]</p></div>
<div class="ws_alipay_show_clear"></div>
<input name="" type="text" class="ws_alipay_show_email" value="请输入邮箱" />
<input name="" type="button" class="ws_alipay_show_paybutton [in_pay]" value="&nbsp;"/>
<div class="ws_alipay_show_clear"></div>
</div>
</div>

9 thoughts on “FAST-DEMO[集成支付宝]

  1. 您好!怎么设置之后,点击购买付款之后怎么提升商品库存不足,而且自动清空了之前设置的商品仓库中的库存数量。是怎么回事,望高手帮我解决一下,先 :cry: 谢谢了

  2. 后台应该增加一些选项能够选择显示哪种支付系统,例如只显示支付宝,或选择支付宝和财富通,怎加一个复选按钮更人性化,对那些只开通一种支付接口的用户,我就只有支付宝的接口。。。

  3. 第二个模板,提交过去的Email,没办法提交过去
    你有试过吗?第二个模板提交过去 是没有办法显示的。
    希望可以改进这个功能。这个支付插件很好。
    作为单品购物,购物车的话,大家还是去用woocommerce就可以了
    另外,如果能更改邮件模板就更好了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>