添加自定义“预订" WooCommerce产品单页按钮 [英] Add custom "Booking" button to WooCommerce Product single pages

问题描述

遇到此问题时，我们将为您提供帮助！

Having trouble with this issue, any help is appreciated!

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

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产品单页按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！