ووکامرس (WooCommerce) به عنوان محبوبترین افزونه فروشگاهساز وردپرس، امکانات گستردهای برای شخصیسازی دارد. یکی از نیازهای رایج فروشگاههای اینترنتی، نمایش محصولات موجود در سبد خرید در صفحه تسویه حساب است. این کار به مشتریان امکان میدهد تا به راحتی محتوای سبد خود را مرور کرده و از خریدشان اطمینان حاصل کنند. در این مقاله نحوه نمایش محصولات سبد خرید در صفحه تسویه حساب ووکامرس را با استفاده از یک قطعه کد ساده توضیح خواهیم داد.
چرا نمایش سبد خرید در صفحه تسویه حساب مهم است؟
افزایش شفافیت برای مشتریان: مشتریان میتوانند بدون ترک صفحه تسویه حساب، محتویات سبد خود را مشاهده کنند.
کاهش نرخ ترک سبد خرید: با نمایش سبد خرید، کاربران کمتر نیاز به بازگشت به صفحه قبل دارند که احتمال نهایی کردن خرید را افزایش میدهد.
بهبود تجربه کاربری: مشتریان از تجربه خرید روانتر و سادهتر لذت میبرند.
کد نمایش محصولات سبد خرید در صفحه تسویه حساب
برای افزودن لیست محصولات سبد خرید به صفحه تسویه حساب، میتوانید از کد زیر استفاده کنید. این کد از هوک (hook) woocommerce_review_order_before_payment
استفاده میکند تا لیست محصولات قبل از بخش پرداخت نمایش داده شود.
// نمایش لیست محصولات سبد خرید در صفحه تسویه حساب
add_action('woocommerce_review_order_before_payment', 'show_cart_on_checkout');
function show_cart_on_checkout() {
echo '<h3>محصولات موجود در سبد خرید</h3>';
echo '<table class="shop_table">';
foreach (WC()->cart->get_cart() as $cart_item_key => $cart_item) {
$_product = $cart_item['data'];
$product_id = $_product->get_id();
echo '<tr>';
echo '<td>' . $_product->get_image() . '</td>';
echo '<td>' . $_product->get_name() . '</td>';
echo '<td>' . $cart_item['quantity'] . '</td>';
echo '<td>' . wc_price($_product->get_price()) . '</td>';
echo '</tr>';
}
echo '</table>';
}
توضیحات کد
افزودن هوک: با استفاده از
add_action
، ما این کد را به بخش مناسب از فرآیند تسویه حساب اضافه میکنیم.ساختار جدول: محصولات سبد خرید در قالب یک جدول (
<table>
) نمایش داده میشوند که شامل تصویر، نام، تعداد و قیمت هر محصول است.دریافت اطلاعات محصول: از
WC()->cart->get_cart()
برای دریافت محصولات سبد خرید استفاده میشود.
نحوه استفاده از کد
وارد پیشخوان وردپرس شوید. یا اگر دسترسی به هاست دارید می توانید از مسیر هاست خود وارد پوشه theme شوید.
به مسیر نمایش > ویرایشگر قالب بروید یا از افزونه وردپرسی مانند Code Snippets استفاده کنید.
کد را در فایل
functions.php
قالب و یا در فایل فانکشن قالب فرزند (Child Theme) قرار دهید.تغییرات را ذخیره کنید.
نکات مهم
اگر پوسته سایت شما از قالب فرزند (Child Theme) استفاده میکند بهتر است کد را در مسیر پوسته فرزند قرار دهید تا در بروزرسانی های قالب کد مربوطه حذف نشود.
در صورت استفاده از افزونههای کش (Cache)، پس از اعمال تغییرات، کش را پاکسازی کنید تا تغییرات بلافاصله اعمال شوند.
نتیجهگیری
افزودن لیست محصولات سبد خرید به صفحه تسویه حساب ووکامرس یکی از راههای بهبود تجربه کاربری و افزایش نرخ تبدیل است. با استفاده از این روش ساده، میتوانید اعتماد مشتریان را جلب کرده و فرآیند خرید را برای آنها آسانتر کنید.
بدون دیدگاه