سلام به همراهان همیشگی سون ریپلای. در دنیای ووکامرس، نمایش محصولات یا مطالب مرتبط یکی از بهترین راه‌ها برای نگه داشتن کاربر در سایت و افزایش نرخ تبدیل است. بسیاری از کاربران برای این کار به سراغ افزونه‌های سنگین می‌روند، اما امروز یاد می‌گیرید که چگونه فقط با چند خط کد، مطالب مرتبط ووکامرس را کاملاً حرفه‌ای نمایش دهید.

چرا نمایش محصولات مرتبط بدون افزونه بهتر است؟

هر افزونه‌ای که به سایت خود اضافه می‌کنید، تعدادی فایل CSS و JS به قالب شما تحمیل می‌کند که باعث کاهش سرعت لود سایت می‌شود. استفاده از کدهای بومی ووکامرس مزایای زیر را دارد:

  • سرعت بالاتر: بارگذاری سریع‌تر صفحات محصول.

  • امنیت بیشتر: عدم نیاز به بروزرسانی مداوم افزونه‌های جانبی.

  • کنترل کامل: شخصی‌سازی دقیق ظاهر مطابق با استایل قالب شما.

نحوه نمایش محصولات مرتبط در صفحه محصول

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

گام اول: دسترسی به فایل functions.php

ابتدا وارد پنل هاست خود شده و به مسیر wp-content/themes/your-theme/ بروید. فایل functions.php را برای ویرایش باز کنید.

گام دوم: قرار دادن کد سفارشی

برای تغییر تعداد محصولات مرتبط یا نحوه نمایش آن‌ها، کد زیر را به انتهای فایل اضافه کنید:

PHP

/**
 * تغییر تعداد نمایش محصولات مرتبط در ووکامرس
 */
add_filter( 'woocommerce_output_related_products_args', 'sevenreply_related_products_args', 20 );
  function sevenreply_related_products_args( $args ) {
    $args['posts_per_page'] = 4; // تعداد محصولات جهت نمایش
    $args['columns'] = 4; // تعداد ستون‌ها
    return $args;
}

نمایش مطالب مرتبط (نوشته‌ها) در صفحات محصول

گاهی نیاز دارید که در صفحه محصول، مقالات مرتبط از بخش وبلاگ را نمایش دهید تا اعتماد مشتری را جلب کنید. برای این کار می‌توانید یک کوئری سفارشی (WP_Query) در فایل single-product.php ایجاد کنید که بر اساس برچسب‌های مشترک محصول و نوشته، مطالب را فراخوانی کند.

نمونه کد برای فراخوانی مطالب بر اساس دسته مشترک:

PHP

<?php
$categories = get_the_terms( $post->ID, 'product_cat' );
if ( $categories ) {
    $category_ids = array();
    foreach( $categories as $individual_category ) $category_ids[] = $individual_category->term_id;
    $args = array(
        'category__in' => $category_ids,
        'post_type' => 'post',
        'posts_per_page' => 3,
        'post__not_in' => array($post->ID)
    );
    $related_docs = new WP_Query( $args );
    if( $related_docs->have_posts() ) {
        while( $related_docs->have_posts() ) {
            $related_docs->the_post();
            ?>
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
            <?php
        }
        wp_reset_postdata();
    }
}
?>

نکات طلایی برای بهینه‌سازی بخش مرتبط

  1. استفاده از کش: اگر تعداد محصولات شما زیاد است، حتماً از افزونه‌های کش استفاده کنید تا فشار روی دیتابیس کاهش یابد.

  2. ارتباط محتوایی: سعی کنید برچسب‌های محصولات و مقالات را دقیق انتخاب کنید تا سیستم ووکامرس بتواند دقیق‌ترین پیشنهاد را به کاربر بدهد.

  3. طراحی ریسپانسیو: مطمئن شوید بخش مطالب مرتبط در موبایل به صورت ستونی و منظم نمایش داده می‌شود.

سوالات متداول (FAQ)

آیا این کدها با آپدیت ووکامرس از بین می‌روند؟ خیر، اگر کدها را در فایل functions.php قالب فرزند (Child Theme) قرار دهید، با آپدیت ووکامرس یا قالب اصلی، تغییرات شما حفظ خواهد شد.

چرا محصولات مرتبط برای من نمایش داده نمی‌شود؟ احتمالاً برای آن محصول خاص، هیچ محصول دیگری در همان دسته‌بندی یا با همان برچسب وجود ندارد.

آیا مایل هستید نحوه طراحی یک استایل اختصاصی CSS برای بخش محصولات مرتبط را برایتان بنویسم تا ظاهر سایتتان حرفه‌ای‌تر شود؟

مطالب مرتبط

نظرات

هنوز بررسی‌ای ثبت نشده است.

تم تیره
سبد خرید
سبد خرید شما خالی است

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!