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

[masoodgh 0]

با سلام
برای نمایش تقسیم بندی محصولات به صورت عکسی که می گذارم می خواهم داشته باشم چطور امکان پذیر است ؟

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

در ضمن این دسته بندی به صورت آژاکس است

ممنون میشم راهنمایی بفرمایید

لینک عکس        

لینک ها تنها برای اعضای سایت قابل نمایش است.

[Masih 6,279]

درود .

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

 

1 . دریافت و استفاده از یک TAB جاوا اسکریپت . (آژاکس در این مورد زیاد مناسب نیست . هرچند می تونید با Ajax هم تب ها رو نمایش بدید اما با جاوا اسکریپت راحت ترید. هرچند داخل اینترنتی بگردید TAB های بدون JS هم پیدا میشه. هرکدوم که راحت ترید رو استفاده کنید.)

لینک ها تنها برای اعضای سایت قابل نمایش است.

دریافت پروژه کامل این TAB :

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

2 . استفاده از کد زیر داخل Tab ها برای دریافت مطالب از دسته بندی های خاص :

<?php 

		$args = array( 'category' => 'movie', 'posts_per_page' => 8 );
		$loop = new WP_Query( $args );
		while ( $loop->have_posts() ) : $loop->the_post();

		<-- کد ها در این قسمت --!>
		
endwhile;
?>

در بخشی که معرفی کردم که کدهاتون رو داخلش بگذارید ، باید کدهای تصاویر ، لینک ، عنوان مطالب و هر چیزی که می خواهید در این تب ها نمایش داده بشه رو وارد کنید و اونو شخصی سازی کنید. (یک کد با دسته بندی خاص در هر TAB)

نکته : بجای کلمه movie باید نامک دسته بندی رو به صورت انگلیسی وارد کنید.

 

3 . گرافیک کار

برای بهبود گرافیک این کار هم می تونید علاوه بر تغییر Icon ها توسط FontAwesome ، رنگ بندی هاش رو هم تغییر بدید تا چیزی شبه تصویری که گذاشتید داشته باشید .

 

در اصل مراحل ساخت چنین چیزی در در 2 مرحله اصلی "ساخت TAB" و "استفاده از کد برای دریافت مطالب از دسته بندی خاص" انجام میشه.

موفق باشید.