ناوش ثانویه Secondary Navigation/Breadcrumb

ناوش ثانویه ساده / Simple Breadcrumb




ناوش ثانویه با اسلوب / Styled Breadcrumb





ناوش ثانویه بر اساس مسیر، مکان و خصوصیات / Path, Location and attribute based Breadcrumb

معرفی

سه نوع اصلی ناوش ثانویه یا خرده نان وجود دارد:

ما دو نوع اول را قبلاً مشاهده کردیم:

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

خرده نانهای مبتنی بر خصوصیت یا ویژگی بر اساس ویژگی های صفحه یا محصولی است که شما در حال مرور آن هستید. در مثال بالا، دو عنصر نهایی مبتنی بر ویژگی هستند. ما در حال خرید کفش هایی هستیم که «تخت» و «قهوه ای» هستند. از آنجایی که ترتیب این ویژگی ها از پیش تعیین شده و تجویزی نیست، برخی از تارنماها این ویژگی‌ها را در یک سطح برابر در رابط کاربری نمایش می دهند. اگر می‌خواهید به کاربران اجازه حذف ویژگی‌ها را بدهید، یک دکمه (x) یا مشابه ارائه دهید تا نشان دهد که می‌توان آنها را حذف کرد.

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

توجه داشته باشید که این مسیر برای هر کاربر و هر بازدید متفاوت خواهد بود. حتی برای تارنماهای با پیچیدگی کمتر هم تعداد مراحل زیاد می‌شود. برای ساده کردن نمایش آن، غالباً ابتدای مسیر با استفاده از «...» مختصر می شود:


مثال برای ناوش ثانویه مبتنی بر مکان و خصوصیت

۱- نشانه «>» را فقط بین عناصر ناوش ثانویه مکانی قرار داده میشوند
۲- رنگ عناصر خصوصیتی را به خاکستری تغییر میدهیم تا نشانه ای باشد که به کاربر بفهماند که آنها با عناصر مکانی متفاوت هستند
۳- یک علامت «بستن» بصورت ضربدر توسط شبه انتخابگر :after به گزینه‌های خصوصیتی می‌افزاییم.


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