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

0 دیدگاه 518 آموزش ووکامرس, توابع وردپرس

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

فهرست موضوعات در این آموزش

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

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

در این جلسه از آموزش توابع ووکامرس برای شما آموزش میدم که چطور نمایش مطالب مرتبط ووکامرس در قالب وردپرسی خود نمایش دهید پس تا آخر این آموزش همراه پاسخ وردپرس باشید .

محصولات مرتبط ووکامرس چیست؟

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

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

حذف مطالب مرتبط ووکامرس

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

برای حذف خروجی مطالب مرتبط در فروشگاه اینترنتی خود کد زیر را به فایل Functions.php قالب خود اضافه و ذخیره کنید.

remove_action('woocommerce_after_single_product_summary','woocommerce_output_related_products',20);

1	remove_action('woocommerce_after_single_product_summary','woocommerce_output_related_products',20);

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

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

برای این که ظاهر بهتری داشته باشه از کد css استفاده می کنم در صورت که با کد های css آشنایی نداری حتما مطالب زیر یک بار ببنید.

آموزش طراحی سایت HTML5 CSS3 با bootstrap 5

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

<?php
global $product;
$cats_pro = get_the_category();
$cat_pro = $cats_pro[0];
$cat_pro_id = $cat_pro->cat_ID;
$replyWp_args = array(
'post_type' =>'product',
'posts_per_page'=>4,
'post__not_in'=>array($product->ID),
'category'=>$cat_pro_id
);
$replyWp_query = new WP_Query($replyWp_args);
if ($replyWp_query->have_posts()):
while ($replyWp_query->have_posts()):$replyWp_query->the_post();
?>
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="related-post-box">
<div class="post-inner">
<a href="#">
<figure>
<?php the_post_thumbnail();?>
</figure>
</a>
<div class="post-detail">
<a href="<?php the_permalink();?>>">
<span><?php the_title()?></span>
</a>
</div>
</div>
</div>
</div>
<?php endwhile;wp_reset_postdata(); endif;?>

<?php

global $product;

$cats_pro = get_the_category();

$cat_pro = $cats_pro[0];

$cat_pro_id = $cat_pro->cat_ID;

$replyWp_args = array(

'post_type' =>'product',

'posts_per_page'=>4,

'post__not_in'=>array($product->ID),

'category'=>$cat_pro_id

);

$replyWp_query = new WP_Query($replyWp_args);

if ($replyWp_query->have_posts()):

while ($replyWp_query->have_posts()):$replyWp_query->the_post();

<?php the_post_thumbnail();?>

</figure>

</a>

</a>

</div>

<?php endwhile;wp_reset_postdata(); endif;?>

برای تعیین تعداد محصولات قابل نمایش مقدار متغییر posts_per_page را تغییر دهید ما به صورت پیش فرض روی ۴ عدد محصول گذاشتیم.

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

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

سوالی دارید؟
سوالتون رو در نظرات مطرح کنید

میانگین رتبه 5/5 تعداد رای : 2

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