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

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

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

محل قرارگیری تابع نمایش محصولات مرتبط ووکامرس

تمامی کدهای معرفی شده در این مقاله باید در صفحه توضیحات محصول قرار گیرند.
این صفحه با نام content-single-product.php در ووکامرس معرفی میشود. محل قرارگیری فایل content-single-product.php در پوسته های ووکامرس استاندارد در مسیر wp-content/themes/iranthemes/woocommerce میباشد که در اینجا نام پوسته ووکامرس iranthemes است. ممکن است قالب ووکامرس شما توسط خود افزونه بخشهای مربوط به فروشگاه را نمایش دهد که در اینصورت محل فایل content-single-product.php در مسیر wp-content/plugins/woocommerce/templates خواهد بود.

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

استفاده از افزونه ساده ترین راه نمایش کالاهای مشابه میباشد.
در این مطلب به معرفی دو افزونه Woo Related Products و Custom Related Products for WooCommerce میپردازیم که هر کدام باتوجه به امکاناتی که دارند به شکل خاصی قابلیت نمایش کالاهای مرتبط را در فروشگاه فراهم میکنند.

افزونه کالاهای مرتبط ووکامرس Woo Related Products

افزونه کالاهای مرتبط ووکامرس Woo Related Products

این افزونه امکان نمایش کالاهای مرتبط در اسلایدر را دارد.
برخی از ویژگی های افزونه عبارتند از:

  1. قابلیت نمایش کالاهای مشابه واقعی در اسلایدر owl یا بدون اسلایدر
  2. امکان نمایش محصولات در برگه یا نوشته های وردپرس
  3. قابلیت نمایش محصولات مرتبط ووکامرس بر اساس دسته بندی یا برچسب محصول
  4. پشتیبانی از شورت کد یا کد کوتاه [ woo-related ]
  5. پشتیبانی از ابزارک برای نمایش کالای مشابه در ستون کناری
  6. نمایش محصولات مرتبط بر اساس ویژگی های ووکامرس
  7. امکان تعیین تعداد کالاهای قابل نمایش
  8. قابلیت حذف کالاهای دسته خاص از بخش محصولات مشابه
  9. سازگار با نسخه جدید ووکامرس
  10. و …

پس از نصب و فعال سازی افزونه باید کد کوتاه یا ابزارک آنرا در برگه توضیحات محصول ووکامرس با نام content-single-product.php و در محل مناسب قرار دهید. برای دانلود افزونه به برگه آن در مخزن افزونه های وردپرس به آدرس Woo Related Products مراجعه کنید.

افزونه کالاهای مشابه دلخواه ووکامرس Custom Related Products for WooCommerce

افزونه کالاهای مشابه دلخواه ووکامرس Custom Related Products for WooCommerce

این افزونه امکان قرار دادن کالاهای دلخواه به عنوان محصولات مرتبط را فراهم میکند.
این افزونه عملکردی کاملا مشابه با بخش محصولات مرتبط خود ووکامرس دارد. پس از نصب و فعال سازی افزونه گزینه ای با نام محصولات لینک شده linked products در جعبه توضیحات محصول افزوده میشود که از طریق آن میتوانید محصولات دلخواه را به عنوان کالاهای مرتبط معرفی کنید. پس از نصب و فعال سازی افزونه با مراجعه به بخش پیکربندی ووکامرس و انتخاب گزینه Custom Related Products (محصولات مرتبط دلخواه) میتوانید تنظیمات افزونه را انجام دهید.

افزونه دارای سه بخش با نامهای Up-sells ، Cross-sells و Related Products است که هر کدام کاربرد خاصی دارند.

  1. Up-sells : محصولات این بخش در صفحه کالایی که کاربر در حال مشاهده است نمایش داده می شود.
  2. Cross-sells : محصولات این قسمت در سبد خرید نمایش داده می شود.
  3. Related Products : محصولات مرتبطی که مایل هستید نمایش داده شوند.

برای دانلود افزونه به برگه آن در مخزن افزونه های وردپرس به آدرس Custom Related Products مراجعه کنید.

شورت کد نمایش محصولات مرتبط ووکامرس

توسط شورت کد یا کد کوتاه [ related_products limit=”12 ” ] امکان نمایش محصولات مشابه وجود دارد.
امکان تعیین تعداد محصولات قابل نمایش با تغییر مقدار متغییر limit وجود دارد. کد کوتاه را باید در فایل نمایش توضیحات محصول content-single-product.php و در محل مناسب قرار دهید. پیش از این در مقاله ای با عنوان کدهای کوتاه ووکامرس یا شورت کد woocommerce به طور کامل کدهای کوتاه ووکامرس را معرفی کرده ایم که پیشنهاد میکنیم حتما حتما آنرا نیز مطالعه کنید.

کوئری نمایش محصولات مرتبط ووکامرس

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

<?php $cats_array=array(0); $terms=wp_get_post_terms($product->id,'product_cat');
foreach($terms as $term){$children=get_term_children($term->term_id,'product_cat');
if(!sizeof($children)) $cats_array[]=$term->term_id;}
$args=apply_filters('woocommerce_related_products_args',
array('post_type'=>'product','ignore_sticky_posts'=>1,'no_found_rows'=>1,
'posts_per_page'=>7,'orderby'=>'rand',
'meta_query'=>array(array('key'=>'_stock_status','value'=>'instock')),
'tax_query'=>array(array('taxonomy'=>'product_cat','field'=>'id','terms'=>$cats_array),)));
$related_items=new WP_Query($args);
if($related_items->have_posts()):while($related_items->have_posts()):$related_items->the_post(); ?>
محتوای کوئری
<?php endwhile; endif; wp_reset_postdata(); ?>

برای تعیین تعداد محصولات قابل نمایش مقدار متغییر posts_per_page در خط ششم را تغییر دهید.

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

در باکس جزئیات یا اطلاعات محصول تبی با نام محصولات مرتبط وجود دارد.

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

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

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

<?php global $product; $crosssell_ids = $product->get_upsell_ids();
$args = array('post_type'=>'product','posts_per_page'=>6,'post__in'=>$crosssell_ids,'orderby'=>'rand');
$loop = new WP_Query($args); if($loop->have_posts()){ ?>
<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>
محتوای کوئری
<?php endwhile; ?>
<?php } wp_reset_postdata(); ?>

با تغییر مقدار متغییر posts_per_page تعداد محصولات قابل نمایش را تغییر دهید.

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

درباره نویسنده
رضا کیانوش

رضا کیانوش هستم مدیر ایران تمز، لیسانس فناوری اطلاعات و ارتباطات در گرایش کاربردهای ict دارم. حدود 7 سالی هست که با وردپرس آشنا شدم و خدمات طراحی قالب وردپرس، سئو و بهینه سازی سایت رو انجام میدم. ایران تمز رو برای ارائه آموزشهای تخصصی و انتشار پوسته های وردپرسی که طراحی میکنیم راه اندازی کردم. اگر نیاز به طراحی قالب وردپرس اختصاصی دارید ما در ایران تمز اینکار رو با بهترین کیفیت براتون انجام میدیم.

بازدیدکنندگان قبلی مشاهده مطالب زیر را به شما پیشنهاد کرده اند

دیدگاهی بنویسید.

بهتر است دیدگاه شما در ارتباط با همین مطلب باشد.

  1. محمد
    ۲۷ آبان ۱۳۹۷ ساعت ۰۹:۰۱

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

    • رضا کیانوش
      ۲۷ آبان ۱۳۹۷ ساعت ۰۹:۳۰

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

  2. مجتبی
    ۱۴ مهر ۱۳۹۷ ساعت ۱۰:۴۱

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

    • رضا کیانوش
      ۱۴ مهر ۱۳۹۷ ساعت ۱۴:۱۸

      سلام وقت بخیر باید کوئری استفاده شده رو ویرایش کنید.