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

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

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

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

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

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

امروز می‌خواهم یک قطعه کد ساده را با شما به اشتراک بگذارم که می‌توانید آن را به 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;
}