将自定义"Booking"按钮添加到WooCommerce产品单页



在此问题上遇到麻烦,任何帮助都将不胜感激!

我希望我的每个WooCommerce单个产品页面都有一个按钮"现在",该按钮链接到我在WordPress上创建的页面,标题为"预约"。

"预订约会"页面包含我安装的"易于约会"插件(客户将填写),我也希望将其自动填充产品的sku或值为一个表单输入之一(来自Pervious页面),因此我不必每次都输入它。

我尝试了各种在线方法,但根本不起作用。

更新

这将添加单个产品页面"立即书"按钮链接到您的"预订约会"页面通过URL通过URL产品ID,产品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的值,以填充必要字段,并带有其他脚本将使用:

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

测试并在WooCommerce中工作3 。

content-single-product.php的末尾您可以添加

<a class="button-link" href="<?php 
get_page_by_path(booking-appointments); 
?>">Booking Appointments</a>

然后使用.button-link样式链接看起来像按钮。

最新更新