آموزش عدم نمایش محصولات ناموجود در محصولات مرتبط

در فروشگاه‌های اینترنتی، نمایش محصولات مرتبط در صفحه محصول نقش مهمی در افزایش فروش و بهبود تجربه کاربری دارد. اما گاهی ممکن است برخی از این محصولات ناموجود باشند و این موضوع باعث نارضایتی کاربران یا کاهش نرخ تبدیل شود. در واقع، وقتی مشتری محصولی را مشاهده می‌کند و در بخش محصولات مرتبط با گزینه‌های “ناموجود” مواجه می‌شود، احتمال ادامه خرید کاهش پیدا می‌کند. به همین دلیل، بهتر است محصولات ناموجود در بخش محصولات مرتبط نمایش داده نشوند تا ظاهر فروشگاه حرفه‌ای‌تر و کاربرپسندتر باشد.

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

چرا باید محصولات ناموجود را در بخش محصولات مرتبط پنهان کنیم؟

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

• افزایش نرخ خرید و تجربه کاربری بهتر: کاربران فقط محصولات قابل خرید را می‌بینند.
• ظاهر حرفه‌ای‌تر فروشگاه: صفحه محصول تمیزتر و منظم‌تر می‌شود.
• بهبود عملکرد سئو داخلی سایت: چون محصولات در دسترس کاربر بیشتر دیده می‌شوند، نرخ کلیک (CTR) افزایش می‌یابد.

آموزش عدم نمایش محصولات ناموجود در محصولات مرتبط با کد

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

توصیه ما این است که این قطعه کد را به فایل functions.php قالب چایلدتان اضافه کنید تا در بروزرسانی قالب و سایت این تغییرات را از دست ندهید. برای انجام این کار، کد زیر را به فایل موردنظر در انتهای کدها اضافه کنید:

function exclude_out_of_stock_related_products( $related_posts, $product_id ) {
    if ( empty( $related_posts ) ) {
        return $related_posts;
    }

    foreach ( $related_posts as $key => $related_product_id ) {
        $product = wc_get_product( $related_product_id );

        if ( ! $product->is_in_stock() ) {
            unset( $related_posts[ $key ] );
        }
    }

    return array_values( $related_posts ); // Reset array keys
}

add_filter( 'woocommerce_related_products', 'exclude_out_of_stock_related_products', 10, 2 );

function exclude_out_of_stock_related_products( $related_posts, $product_id ) {
    if ( empty( $related_posts ) ) {
        return $related_posts;
    }

    foreach ( $related_posts as $key => $related_product_id ) {
        $product = wc_get_product( $related_product_id );

        if ( ! $product->is_in_stock() ) {
            unset( $related_posts[ $key ] );
        }
    }

    return array_values( $related_posts ); // Reset array keys
}

add_filter( 'woocommerce_related_products', 'exclude_out_of_stock_related_products', 10, 2 );

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

نکات مهم پس از انجام تغییرات

حتماً کش سایت و مرورگر را بعد از اعمال کد یا تنظیمات پاک کنید تا تغییرات اعمال شوند.

اگر از قالب‌های اختصاصی مثل قالب woodmart یا قالب flatsome استفاده می‌کنید، بررسی کنید که بخش محصولات مرتبط سفارشی‌سازی نشده باشد؛ در غیر این صورت باید تغییرات در فایل مخصوص آن بخش انجام شود.