ووکامرس

نحوه حذف مسیر راهنما ووکامرس

نحوه حذف مسیر راهنما ووکامرس

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

Breadcrumbs مسیر صفحه ای را که در آن هستید نشان می دهد. در مقایسه با منوی ناوبری ساده، مسیر راهنما مقداری به موقعیت فعلی صفحه وب شما اضافه می کند. آنها نشان می دهند که چقدر از صفحه اصلی وب سایت فاصله دارید و در واقع کجا هستید.

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

در ادامه نحوه حذف مسیر راهنما از فروشگاه ووکامرس را آموزش می دهیم.

نحوه حذف مسیر راهنما ووکامرس

نحوه حذف Breadcrumbs از فروشگاه ووکامرس

در ادامه ما سه قطعه کد css مختلف را ارائه می دهیم که از طریق آنها به دلخواه می توانید مسیر راهنما را از دسکتاپ و موبایل و یا یکی از آنها حذف کنید.

این کد ها را می توانید از قسمت نمایش » سفارشی سازی » CSS اضافی اضافه کنید. (این مسیر ممکن است با توجه به قالب وردپرس شما متفاوت باشد پس در صورتی که آن را پیدا نکردید حتما مستندات قالب خود را بررسی نمایید)

حذف مسیر راهنما ووکامرس از دسکتاپ و موبایل

اگر می خواهید مسیر راهنما ووکامرس را به صورت کلی (در دسکتاپ و موبایل) از فروشگاه خود حذف کنید، از کد زیر استفاده کنید:

/*This will Remove Breadcrumbs on Desktop and Mobile*/
.woocommerce-breadcrumb {
display: none;
}

حذف مسیر راهنما ووکامرس از موبایل

اگر می خواهید مسیر راهنما ووکامرس را فقط در موبایل حذف کنید، از کد زیر استفاده کنید:

/*This will Remove Breadcrumbs on Mobile*/
@media (max-width: 980px){
.woocommerce-breadcrumb {
display: none;
}}

حذف مسیر راهنما ووکامرس از دسکتاپ

اگر می خواهید مسیر راهنما ووکامرس را فقط در دسکتاپ حذف کنید، از کد زیر استفاده کنید:

/*This will Remove Breadcrumbs on Desktop*/
@media (min-width: 981px){
.woocommerce-breadcrumb {
display: none;
}}

به پایان این آموزش رسیدیم، امیدواریم که نحوه حذف مسیر راهنمای ووکامرس را یاد گرفته باشید. همچنین ممکن است برای سفارشی سازی بیشتر فروشگاه خود آموزش های زیر را هم ببینید:

5/5 - (1 امتیاز)

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

نشانی ایمیل شما منتشر نخواهد شد.