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

محصولات مرتبط ووکامرس از بخشهای مهمی است که در هنگام طراحی قالب ووکامرس باید در پوسته ایجاد شود. معمولا کالاهای مشابه یا مرتبط در انتهای بخش توضیحات هر محصول نمایش داده میشود. این بخش با معرفی سایر محصولات همرده و مرتبط با محصول اصلی میتواند کمک زیادی به فروش بیشتر فروشگاه داشته باشد. استفاده از شورت کد، کوئری 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 میپردازیم که هر کدام باتوجه به امکاناتی که دارند به شکل خاصی قابلیت نمایش کالاهای مرتبط را در فروشگاه فراهم میکنند.

این افزونه قابلیت این را دارد که با اسلایدر ویژه ای مثل owl محصولات مشابه را به صورت اسلاید به کاربران نمایش دهید و خود اسلاید را سفارشی سازی کنید. همچنین تنظیماتی مثل تعداد کالاهایی که نمایش میدهد و نمایش ویژگی های هر کالا را دارد.

افزونه کالاهای مرتبط ووکامرس 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

این افزونه امکان قرار دادن کالاهای دلخواه به عنوان محصولات مرتبط را فراهم میکند.
این افزونه عملکردی کاملا مشابه با بخش محصولات مرتبط خود ووکامرس دارد. پس از نصب و فعال سازی افزونه گزینه ای با نام محصولات لینک شده 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 تعداد محصولات قابل نمایش را تغییر دهید. همچنین میتوانید دوره آموزش سئو مشاهده نمایید که این آموزش برای محصولات مشابه میتواند روی سئو سایت شما هم تاثیرگذار باشد.

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