نحوه اضافه کردن نماد حذف به صفحه پرداخت ووکامرس

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

دکمه محصول ووکامرس را حذف کنید

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

این نماد حذف به‌طور پیش‌فرض در صفحه سبد خرید یافت می‌شود، اما در اکثر مضامین ووکامرس ، به فیلد پرداخت اضافه نمی‌شود.

نماد حذف را به صفحه پرداخت ووکامرس اضافه کنید

امروز می‌خواهم یک قطعه کد ساده را با شما به اشتراک بگذارم که می‌توانید آن را به functions.php طرح زمینه فرزند خود اضافه کنید و کد نماد حذف را به آگهی فیلد پرداخت که در تصویر زیر نشان داده شده است اضافه می‌کند:

اگر این دکمه حذف محصول در صفحه تسویه‌حساب شما وجود ندارد و می‌خواهید همانطور که در تصویر بالا نشان داده شده است آن را در خلاصه سفارش اضافه کنید، مراحل زیر باید انجام دهید:

  • فایل functions.php همی فعال اما ترجیحاً تم فرزند خود را باز کنید. می توانید از طریق داشبورد وردپرس یا از طریق سی پنل یا FTP به فایل های تم دسترسی داشته باشید.
  • این قطعه کد را به فایل functions.php اضافه کنید و تغییرات را ذخیره کنید:
/**
 * Add Remove button to WooCommerce checkout page - cart items  
 */ 

add_filter('woocommerce_cart_item_name', 'njengah_filter_wc_cart_item_remove_link', 10, 3);

function njengah_filter_wc_cart_item_remove_link($product_name, $cart_item, $cart_item_key)
{
  
    if (is_checkout()) {

        $product_name .= apply_filters('woocommerce_cart_item_remove_link', sprintf(
            '<a href="%s" rel="nofollow" class="remove-icon" style="float:left;">x</a>',
            esc_url(WC_Cart::get_remove_url($cart_item_key)),
            __('Remove this item', 'woocommerce'),
            esc_attr($cart_item['product_id']),
            esc_attr($cart_item['data']->get_sku())
        ), $cart_item_key);

        return $product_name;
    }

}

کد چگونه کار می کند

این کد از فیلتری استفاده می‌کند که تمام اقلام سبد خرید را در صفحه پرداخت بررسی می‌کند و محتوا را فیلتر می‌کند و قبل از چاپ نام محصول، پیوندی را اضافه می‌کند تا محصول را از سبد خرید حذف کند و با استفاده از یک X به عنوان متن لنگر حذف ووکامرس . ارتباط دادن.

اگر می خواهید این گزینه را با افزودن متن پیوند محصول حذف سفارشی خود ویرایش کنید، باید این خط کد را ویرایش کنید:

'<a href="%s" rel="nofollow" class="remove-icon" style="float:left;">x</a>',

برای استایل دادن به نماد حذف می توانید از سبک های CSS همانطور که در مثال بالا استفاده کردم استفاده کنید. کد CSS زیر است:

.remove-icon {
    padding: 5px;
    padding-top: 0; 
    color: red;
    font-size: 16px;
    font-weight: bold;
}

 

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

مهندس شبکه, امنیت, برنامه نویسی تلفن های هوشمند, طراح وب سایت و متخصص هوش مصنوعی

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دوره های پیشنهادی

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

مقالات پیشنهادی

هک و امنیت

در تعریف کلی این واژه می توان گفت که به پیدا کردن راه های نفوذ به یک حریم شخصی و استفاده غیر مجاز از آن را هک می نامیم. هدف از هک می تواند ...


۱۳۷
۰
۱۳ آذر ۱۳۹۹

اندروید

اندروید یک سیستم عامل می باشد که توسط گوگل توسعه داده میشود, این سیستم عامل بر پایه نسخه ی اصلاح شده ی هسته ی لینوکس و دیگر نرم افزار های متن باز طراحی شده است و ...


۱۵۴
۰
۲۹ آبان ۱۳۹۹

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۱۳۵
۰
۲۲ آذر ۱۳۹۹

وردپرس

وردپرس یک سیستم مدیریت محتوای قوی می باشد که با استفاده از آن می توان وب سایت ها و وبلاگ های گوناگونی با هر شرایطی را طراحی کرد چرا که این سیستم و ...


۱۲۸
۰
۱۳ آذر ۱۳۹۹