如何在WooCommerce中添加第二个“下单”按钮

时间:2014-03-21 作者:Mai Ling

我的客户希望在他的结账页面上有两个“下订单”按钮(http://www.jobgrandprix.fr/checkout/?set-cart-qty_2652=1).

默认情况下,“Commander”(其站点为法语)按钮位于页面底部。我正在尝试在页面顶部的右侧列中添加第二个。

我想是结帐。php是我需要修改的。我想我需要把它添加到发货栏通常所在的位置(这里不使用,因为它是一个虚拟产品)。

如果有人有什么建议,我将非常感激。

谢谢

1 个回复
最合适的回答,由SO网友:Sudeep K Rana 整理而成

下单按钮无法退出<form></form> 要素您可以做的是,可以在元素内但在顶部复制按钮。像这样:

enter image description here

For this:

使用子主题创建文件夹woocommerce 在这里面checkout.

现在转到wp-content\\plugins\\woocommerce\\templates\\checkout 并复制form-checkout.php 文件并粘贴到MY_CHILD_THEME\\woocommerce\\checkout 文件夹并对其进行编辑。

WHY ABOVE STEP?这样你就不会编辑woocommerce的核心文件,当这个插件将来更新时,更新就会丢失。上述结构覆盖核心模板文件。

OK NOW EDIT 表单签出。php

在下面

<form name="checkout" method="post" class="checkout" action="<?php echo esc_url( $get_checkout_url ); ?>">

添加按钮代码,它应该是这样的。

<form name="checkout" method="post" class="checkout"
action="<?php echo esc_url( $get_checkout_url ); ?>">

<div class="form-row place-order">

  <noscript>Since your browser does not support JavaScript, or it is disabled,
    please ensure you click the &amp;lt;em&amp;gt;Update Totals&amp;lt;/em&amp;gt;
    button before placing your order. You may be charged more than the amount
    stated above if you fail to do so.&amp;lt;br/&amp;gt;&amp;lt;input type="submit"
    class="button alt" name="woocommerce_checkout_update_totals"
    value="Update totals" /&amp;gt;</noscript>

    <input
    type="hidden" id="_wpnonce" name="_wpnonce"
    value="c82a4af261"><input type="hidden" name="_wp_http_referer"
    value="/woocommerce2/wp-admin/admin-ajax.php" />

    <input
    type="submit" class="button alt" name="woocommerce_checkout_place_order"
    id="place_order" value="Place order" data-value="Place order" />

  </div>

  <?php if ( sizeof( $checkout->checkout_fields ) > 0 ) : ?>
保存它和宾果。您可以使用CSS并将按钮与表单元素的右侧对齐。但请记住,它不能<form></form> 要素

结束