添加自定义“预订"按钮到 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
$_GETto 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+.
相关文章