نمایش دسته بندی های ووکامرس به صورت کشویی – آکاردئون

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

فهرست مطالب

به اشتراک بگذارید...

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

دسته بندی ها در ووکامرس

نمایش دسته بندی های ووکامرس با آکاردئون بوت استرپ به صورت نمایش والد و فرزندی به شیوه زیر می باشد :

در واقع می توان گفت کد آن به شیوه زیر نوشته شده و شما عزیزان می توانید از آن استفاده کنید .دقت داشته باشید اگر قسمتی از کد زیر فراموش شود امکان دارد کد شما به درستی کار نکند.

 

<ul class=”accordion” id=”accordioncats”>
<?php
$args = array(
‘taxonomy’ => ‘product_cat’,
‘hide_empty’ => false,
‘child_of’ => 0,
);

$terms = get_terms($args);
if($terms){
foreach($terms as $term){
$parent = $term->parent;
if($parent == 0){
echo ‘<li><a href=”‘.get_category_link($term->term_id).'”>’. $term->name .'</a>’;
$parent_id = $term->term_id;
$args2 = array(
‘taxonomy’ => ‘product_cat’,
‘parent’ => $parent_id ,
‘hide_empty’ => false,
);
$all_childs = get_terms($args2);
if($all_childs){
echo ‘<button class=”btn btn-link” type=”button” data-toggle=”collapse” data-target=”#collapse’.$term->term_id .'” aria-expanded=”true” aria-controls=”collapse’.$term->term_id .'”>
<i class=”fal fa-chevron-left”></i>
</button>
<div id=”collapse’.$term->term_id .'” class=”collapse show” aria-labelledby=”heading’.$term->term_id .'” data-parent=”#accordioncats”>’;
}
foreach($all_childs as $all_child){
echo ‘<a href=”‘.get_category_link($all_child->term_id).'”>’. $all_child->name .'</a>’;
}
if($all_childs){
echo ‘</div>’;
}
echo ‘</li>’;
}
}
}else{
echo ‘<li>دسته ای منتشر نشده است.</li>’;
}
?>
</ul>

 

توضیح کد برای دسته بندی های ووکامرس:

در ابتدا برای استفاده از کد به این شیوه عمل می کنیم که همه دسته بندی هارا با تابع get_terms گرفته و استفاده می کنیم . که البته پارامتر هایی با دقت بالاتر و زیاد تری برای آن داخل سایت وردپرس می باشد، که شما می توانید آن را دیده و با دقت بالاتری به تنظیم آن بپر دازید تا خروجی مورد نظر را بدهد.

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

 

امیدوارم کد ها و مطالب ارائه شده برای شما عزیزان مفید بوده باشه …

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دسته بندی ها
آخرین محصولات

عضویت در خبرنامه

از آخرین اخبار و تخفیف های ما زودتر از هم باخبر شوید..

مطالب مرتبط