添加自定义“预订"按钮到 WooCommerce 产品单页

问题描述

遇到这个问题，感谢您的帮助！

Having trouble with this issue, any help is appreciated!

我希望我的每个 woocommerce 单一产品页面都有一个立即预订"按钮，该按钮链接到我在 WordPress 上创建的名为预订约会"的页面.

I want each of my woocommerce single product pages to have a button "Book Now" that links to a page that I created on WordPress titled "Booking Appointments".

那个预订约会"页面包含一个我安装的简单约会"插件表单(客户将填写)，我也想让它自动填充产品的 SKU 或值到表单输入之一(从上一页)，这样我就不必每次都输入它.

That "Booking Appointments" page contains a "Easy Appointment" Plug in Form (that clients will fill out) that I installed which I also want to have it auto populate the product's SKU or values into one of the form inputs (from the pervious page) so that I do not have to enter it each time.

我在网上尝试了各种方法，但根本不起作用.

I tried a variety of methods online but its not working at all.

推荐答案

更新

这将在单个产品页面中添加一个立即预订"按钮链接到您的预订约会"页面，通过 URL 传递产品 ID、产品 sku...

This will add in single product pages a "Book Now" button linked to your "Booking Appointments" page passing through the URL the product ID, the product sku…

所以代码将是:

// Add a custom button in Single product pages
add_action( 'woocommerce_single_product_summary', 'replacing_template_single_add_to_cart', 31, 0 );
function replacing_template_single_add_to_cart() {
    global $product;

    $product_id = $product->get_id();
    $sku = $product->get_sku();

    // Set below the page ID, your button text and link parameters to pass in url
    $page_id = 124;
    $button_text = __('Book Now', 'woocommerce');
    $link = get_permalink( $page_id ) . '?id=' . $product_id . '&sku=' . $sku;

    // Output your custom text
    echo '<a href="'.$link.'" class="book-now button">'.$button_text.'</a>';

}

代码位于活动子主题(或主题)的 function.php 文件或任何插件文件中.

在您的预订约会"页面表单中，您将能够从带有 $_GET 的 URL 中获取值以填充必要的字段 带有您将在其中使用的附加脚本:

In your your "Booking Appointments" page form you will be able to get the values from the URL with $_GET to populate necessary fields with an additional scripts in which you will use:

$product_id = $_GET['id'];
$sku = $_GET['sku'];

在 WooCommerce 3+ 中测试和工作.

Tested and works in WooCommerce 3+.

这篇关于添加自定义“预订"按钮到 WooCommerce 产品单页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！