首先,确保在你的 WordPress 中安装了 RiPro-v5 主题。如果没有,请先安装该主题。也可以下载我们发布的集成好的整站资源包。

整站源码包下载：https://addon.zhifux.com/42.html

本文介绍下如何在你已经运营的网站中增加我们的支付方式。

1.文件路径参考如下
  1. wp-content/themes/ripro-v5/inc/options/admin-options.php
  2. wp-content/themes/ripro-v5/inc/template-shop.php
  3. wp-content/themes/ripro-v5/inc/shop/zhifux/notify.php
  4. wp-content/themes/ripro-v5/inc/shop/zhifux/return.php
  5. wp-content/themes/ripro-v5/assets/css/main.min.css
2.具体修改代码
2.1admin-options.php的2250行左右加入如下代码

RiPro-v5-7.1.3主题接入支付FM插件 - 图1

  1.         // zhifux.com 支付FM 开始
  2.          // 支付FM-支付宝
  3.         array(
  4.             'id'      => 'is_zhifux_alipay',
  5.             'type'    => 'switcher',
  6.             'title'   => '支付FM(支付宝收款码)',
  7.             'label'   => '支付宝免签类型，本API接口为支付FM 免签支付宝收款码收款接口',
  8.             'default' => false,
  9.         ),
  11.         array(
  12.             'id'         => 'zhifux_alipay',
  13.             'type'       => 'fieldset',
  14.             'title'      => '配置详情',
  15.             'fields'     => array(
  16.               array(
  17.                     'type'    => 'notice',
  18.                     'style'   => 'success',
  19.                     'content' => '支付FM<a target="_blank" href="https://www.zhifux.com">注册地址</a>',
  20.                 ),
  21.                 array(
  22.                     'id'      => 'pid',
  23.                     'type'    => 'text',
  24.                     'title'   => '商户号',
  25.                     'desc'    => '',
  26.                     'default' => '',
  27.                 ),
  28.                 array(
  29.                     'id'         => 'key',
  30.                     'type'       => 'text',
  31.                     'title'      => '接入密钥',
  32.                     'desc'       => '',
  33.                     'default'    => '',
  34.                     'attributes' => array(
  35.                         'type' => 'password',
  36.                     ),
  37.                 ),
  38.                 array(
  39.                     'id'      => 'apiurl',
  40.                     'type'    => 'text',
  41.                     'title'   => 'API接口地址',
  42.                     'desc'    => '请填写你的支付FM-接口地址,在支付FM后台的用户中心页面查看，本站https如果启用的话，接口地址也要用https的。',
  43.                     'default' => '',
  44.                 ),
  46.             ),
  47.             'dependency' => array('is_zhifux_alipay', '==', 'true'),
  48.         ),
  49.         // 支付FM-微信收款码
  50.         array(
  51.             'id'      => 'is_zhifux_weixin',
  52.             'type'    => 'switcher',
  53.             'title'   => '支付FM(微信收款码)',
  54.             'label'   => '微信免签类型，本API接口为支付FM 免签微信收款码收款接口',
  55.             'default' => false,
  56.         ),
  58.         array(
  59.             'id'         => 'zhifux_weixin',
  60.             'type'       => 'fieldset',
  61.             'title'      => '配置详情',
  62.             'fields'     => array(
  63.                 array(
  64.                     'type'    => 'notice',
  65.                     'style'   => 'success',
  66.                     'content' => '支付FM <a target="_blank" href="https://www.zhifux.com">注册地址</a>',
  67.                     ),
  68.                 array(
  70.                     'id'      => 'pid',
  71.                     'type'    => 'text',
  72.                     'title'   => '商户号',
  73.                     'desc'    => '',
  74.                     'default' => '',
  75.                 ),
  76.                 array(
  77.                     'id'         => 'key',
  78.                     'type'       => 'text',
  79.                     'title'      => '接入密钥',
  80.                     'desc'       => '',
  81.                     'default'    => '',
  82.                     'attributes' => array(
  83.                         'type' => 'password',
  84.                     ),
  85.                 ),
  86.                 array(
  87.                     'id'      => 'apiurl',
  88.                     'type'    => 'text',
  89.                       'title'   => 'API接口地址',
  90.                     'desc'    => '请填写你的支付FM-接口地址,在支付FM后台的用户中心页面查看，本站https如果启用的话，接口地址也要用https的。',
  91.                      'default' => '',
  92.                 ),
  94.             ),
  95.             'dependency' => array('is_zhifux_weixin', '==', 'true'),
  96.         ),
  98.          array(
  99.             'id'      => 'is_zhifux_alipay_pc_all',
  100.             'type'    => 'switcher',
  101.             'title'   => '支付FM(支付宝签约)',
  102.             'label'   => '支付宝签约类型集成通道，个人也可以开商户，接口支持官方支付宝、富友、杉德等通道轮训+商户号混合轮训',
  103.             'default' => false,
  104.         ),
  106.         array(
  107.             'id'         => 'zhifux_alipay_pc_all',
  108.             'type'       => 'fieldset',
  109.             'title'      => '配置详情',
  110.             'fields'     => array(
  111.               array(
  112.                     'type'    => 'notice',
  113.                     'style'   => 'success',
  114.                     'content' => '支付FM<a target="_blank" href="https://www.zhifux.com">注册地址</a>',
  115.                 ),
  116.                 array(
  117.                     'id'      => 'pid',
  118.                     'type'    => 'text',
  119.                     'title'   => '商户号',
  120.                     'desc'    => '',
  121.                     'default' => '',
  122.                 ),
  123.                 array(
  124.                     'id'         => 'key',
  125.                     'type'       => 'text',
  126.                     'title'      => '接入密钥',
  127.                     'desc'       => '',
  128.                     'default'    => '',
  129.                     'attributes' => array(
  130.                         'type' => 'password',
  131.                     ),
  132.                 ),
  133.                 array(
  134.                     'id'      => 'apiurl',
  135.                     'type'    => 'text',
  136.                     'title'   => 'API接口地址',
  137.                     'desc'    => '请填写你的支付FM-接口地址,在支付FM后台的用户中心页面查看，本站https如果启用的话，接口地址也要用https的。',
  138.                     'default' => '',
  139.                 ),
  141.             ),
  142.             'dependency' => array('is_zhifux_alipay_pc_all', '==', 'true'),
  143.         ),
  144.         // 支付FM-微信签约全部
  145.         array(
  146.             'id'      => 'is_zhifux_wechat_pc_all',
  147.             'type'    => 'switcher',
  148.             'title'   => '支付FM(微信签约)',
  149.             'label'   => '微信签约类型集成通道，个人也可以开商户，接口支持官方支付宝、富友、杉德等通道轮训+商户号混合轮训',
  150.             'default' => false,
  151.         ),
  153.         array(
  154.             'id'         => 'zhifux_wechat_pc_all',
  155.             'type'       => 'fieldset',
  156.             'title'      => '配置详情',
  157.             'fields'     => array(
  158.                 array(
  159.                     'type'    => 'notice',
  160.                     'style'   => 'success',
  161.                     'content' => '支付FM <a target="_blank" href="https://www.zhifux.com">注册地址</a>',
  162.                     ),
  163.                 array(
  165.                     'id'      => 'pid',
  166.                     'type'    => 'text',
  167.                     'title'   => '商户号',
  168.                     'desc'    => '',
  169.                     'default' => '',
  170.                 ),
  171.                 array(
  172.                     'id'         => 'key',
  173.                     'type'       => 'text',
  174.                     'title'      => '接入密钥',
  175.                     'desc'       => '',
  176.                     'default'    => '',
  177.                     'attributes' => array(
  178.                         'type' => 'password',
  179.                     ),
  180.                 ),
  181.                 array(
  182.                     'id'      => 'apiurl',
  183.                     'type'    => 'text',
  184.                       'title'   => 'API接口地址',
  185.                     'desc'    => '请填写你的支付FM-接口地址,在支付FM后台的用户中心页面查看，本站https如果启用的话，接口地址也要用https的。',
  186.                      'default' => '',
  187.                 ),
  189.             ),
  190.             'dependency' => array('is_zhifux_wechat_pc_all', '==', 'true'),
  191.         ),
  193.         //zhifux.com 支付FM结束
2.2template-shop.php 1124行左右，1349行左右增加支付FM相关代码如下

RiPro-v5-7.1.3主题接入支付FM插件 - 图2

  1.    101  => ['id' => 'zhifux_alipay', 'name' => '支付宝', 'is' => (bool) _cao('is_zhifux_alipay')],
  2.       102 =>  ['id' => 'zhifux_weixin', 'name' => '微信', 'is' => (bool) _cao('is_zhifux_weixin')],
  3.       111  => ['id' => 'zhifux_alipay_pc_all', 'name' => '支付宝', 'is' => (bool) _cao('is_zhifux_alipay_pc_all')],
  4.       112 =>  ['id' => 'zhifux_wechat_pc_all', 'name' => '微信', 'is' => (bool) _cao('is_zhifux_wechat_pc_all')],

RiPro-v5-7.1.3主题接入支付FM插件 - 图3

  1.   $alipay_group    = [1, 11, 21, 31, 41,101,111];
  2.     $weixinpay_group = [2, 12, 22, 32, 42,102,112];

RiPro-v5-7.1.3主题接入支付FM插件 - 图4

  1.     case 'zhifux_alipay':
  2.     case 'zhifux_weixin':
  3.     case 'zhifux_alipay_pc_all':
  4.     case 'zhifux_wechat_pc_all':
  5.         #支付FM
  6.         $the_pay_type = $pay_optons['id'];
  7.         $type = $the_pay_type;
  8.         $zhifuxconfig = _cao('zhifux_alipay');
  9.         if($the_pay_type== "zhifux_alipay"){
  10.             $zhifuxconfig = _cao('zhifux_alipay');
  11.             $type = "alipay";
  12.         }else if($the_pay_type== "zhifux_weixin"){
  13.            $zhifuxconfig = _cao('zhifux_weixin');
  14.            $type = "wechat";
  15.         }else if($the_pay_type== "zhifux_alipay_pc_all"){
  16.             $zhifuxconfig = _cao('zhifux_alipay_pc_all');
  17.            $type = "alipay-pc-all";
  18.         }else if($the_pay_type== "zhifux_wechat_pc_all"){
  19.             $zhifuxconfig = _cao('zhifux_wechat_pc_all');
  20.            $type = "wechat-pc-all";
  21.         }
  23.         //商户参数
  24.         $returnType = "json";
  25.         $api_url = $zhifuxconfig['apiurl'];; //在用户中心页面查看 接口地址
  26.         $merchantNum = $zhifuxconfig['pid'];
  27.         $secret = $zhifuxconfig['key'];
  29.         $notifyUrl =  home_url('/') . 'pay/callback/zhifux/notify/';
  30.         $sign = md5($merchantNum.$order_data['order_trade_no'].$order_data['order_price']. $notifyUrl.$secret);
  31.         $native = array(
  32.             "merchantNum" => $merchantNum,
  33.             "payType" => $type,
  34.             "amount" => $order_data['order_price'],//金额,
  35.             "orderNo" => $order_data['order_trade_no'],
  36.             "subject"=> $order_data['order_name'],
  37.             "notifyUrl" => $notifyUrl,
  38.             "returnUrl" => home_url('/')  . 'pay/callback/zhifux/return/',
  39.             "sign" => $sign,
  40.             "returnType" =>$returnType
  41.         );
  42.         $param = http_build_query($native);
  43.         $return = http_request_fm($api_url, $param, 'application/x-www-form-urlencoded;charset=utf-8');
  44.         if(strpos($return,'{') === 0){
  46.             $resultData = json_decode($return,true);
  48.             if($resultData['success']){
  49.                 $data = $resultData['data']['payUrl'];
  50.                 //方式1  弹窗
  51.                 $pay_url = $data;
  52.                 $pay_url = zb_get_pay_body_html($order_data['pay_type'], $order_data['pay_price'], get_qrcode_url($pay_url));
  53.                  // 方式2 跳转
  54.                  //if (!empty($data)) {
  55.         //             $result['method'] = 'url';
  56.         //             $pay_url = $data;
  57.         //         }
  58.             }else{
  60.                  echo json_encode(array('status' => '0', 'msg' => $resultData['msg']));exit;
  61.             }
  62.         }else{
  63.             echo json_encode(array('status' => '0', 'msg' => $return));exit;
  64.         }
  65.         break;
2.3创建目录zhifux，上传附件里面的文件notify.php和return.php

下载链接：https://share.weiyun.com/oXRwavYv 密码：ha8fbs
RiPro-v5-7.1.3主题接入支付FM插件 - 图5

2.4 main.min.css增加样式代码

搜索alipay-i.png,在如下图位置处增加样式代码 RiPro-v5-7.1.3主题接入支付FM插件 - 图6

  1. 图中红线部分对应的css代码，注意签名的逗号别漏了
  2. ,.pay-select-box .pay-item>i.zhifux_alipay_pc_all,.pay-select-box .pay-item>i.zhifux_alipay
  3. 图中绿线部分对应的css代码
  4. ,.pay-select-box .pay-item>i.zhifux_weixin,.pay-select-box .pay-item>i.zhifux_wechat_pc_all