راه حلی را که در این راهنمای سریع با شما به اشتراک خواهم گذاشت و همچنین ووکامرس قطعه کد دکمه هم اکنون خریداری کنید را اضافه کردم که می توانید در پروژه های توسعه WooCommerce یا سفارشی سازی WooCommerce مجددا استفاده کنید تا به شما در صرفه جویی در زمان و بهره وری بیشتر کمک کند.

اضافه کردن خرید اکنون دکمه WooCommerce بدون پلاگین

برای ایجاد دکمه افزودن به سبد خرید یا خرید اکنون در صفحه تک محصول ووکامرس همانطور که در تصویر زیر نشان داده شده است، باید از فیلتر عمل استفاده کنم و قطعه کد به اشتراک گذاشته شده در زیر را ایجاد کنم.

/* Create Buy Now Button dynamically after Add To Cart button */
function add_content_after_addtocart() {

// get the current post/product ID
$current_product_id = get_the_ID();

// get the product based on the ID
$product = wc_get_product( $current_product_id );

// get the "Checkout Page" URL
$checkout_url = WC()->cart->get_checkout_url();

// run only on simple products
if( $product->is_type( 'simple' ) ){
echo '<div class="clear-sec">';
echo '</div>';
echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="buy-now button">هم اکنون خریداری کنید</a>';
//echo '<a href="'.$checkout_url.'" class="buy-now button">هم اکنون خریداری کنید</a>';
}
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

اکنون می توانید از این کد در functions.php موضوع خود یا در توسعه افزونه خود برای نمایش دکمه افزودن خرید اکنون بدون استفاده از افزونه استفاده کنید. همچنین می‌توانید با اضافه کردن سبک‌های CSS زیر، دکمه را مانند آنچه در تصویر بالا انجام دادم استایل دهید:

.buy-now.button {
max-width: 200px;
text-align: center;
background: #ffa500 !important;
color: #fff !important;
font-weight: bold !important;
}

می‌توانید رنگ‌ها را تغییر دهید تا با رنگ دلخواه خود در دکمه خرید اکنون مطابقت داشته باشد.

نتیجه

در این پست، نحوه اضافه کردن دکمه خرید اکنون به صفحه محصول ووکامرس خود را بدون استفاده از افزونه برجسته کرده ایم.