چگونه پاورقی موبایل را از فروشگاه ووکامرس پنهان کنیم

آیا می خواهید نوار پاورقی دستی را در طرح زمینه Storefront حذف کنید؟ نوار فوتر به کاهش نرخ پرش و افزایش صفحات مشاهده شده توسط کاربران کمک می کند.

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

نوار پاورقی دستی پنهان کردن ویترین فروشگاه

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

در این مورد، احتمالاً به صفحات سبد خرید و پرداخت نیازی ندارید، بنابراین آنها را حذف می کنید. با این حال، هنگام بازدید از سایت در دستگاه تلفن همراه، Storefront همچنان منویی را در قسمت Footer نشان می دهد. این منو شما را به صفحه سبد خرید نیز هدایت می کند که آن را حذف کرده اید.

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

مراحل پنهان کردن نوار پاورقی دستی در تم فروشگاه

بهترین چیز در مورد انتخاب ووکامرس و موضوع فروشگاه این است که می توانید وب سایت خود را به طور کامل تغییر دهید و سفارشی کنید. کد و محتوای سایت شما به هر شکلی که می خواهید تغییر دهید.

برای تطبیق ظاهر و عملکرد سایت خود، می توانید با افزودن کد تنظیمات را انجام دهید. در این حالت می خواهیم پاورقی موبایل را در تم Storefront مخفی کنیم.

در اینجا مراحلی وجود دارد که باید دنبال کنید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد، روی Appearance Menu > Theme Editor Menu کلیک کنید. وقتی صفحه ویرایشگر تم باز شد، به دنبال فایل توابع تم بگردید تا تابعی را اضافه کنید تا نوار پاورقی دستی را در طرح زمینه فروشگاه پنهان کنید.
• کد زیر را به فایل function.php اضافه کنید:

remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );

• برای مشاهده نتیجه، سایت را در یک دستگاه تلفن همراه رفرش کنید و خواهید دید که نوار پاورقی حذف شده است:

همچنین می توانید از CSS برای مخفی کردن نوار پاورقی استفاده کنید. توصیه می‌کنم از بخش CSS اضافی برای انجام این سفارشی‌سازی استفاده کنید، زیرا یک پیش‌نمایش بی‌درنگ از همه تغییراتی که ایجاد می‌کنید دارید.

برای مخفی کردن نوار فوتر دستی، از کد CSS زیر استفاده می کنیم:

#colophon .storefront-handheld-footer-bar {

display: none;

}

در اینجا مراحلی وجود دارد که باید دنبال کنید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد، روی Appearance Menu > Customize کلیک کنید.
• در نوار کناری سمت چپ که ظاهر می‌شود، به قسمت Additional CSS بروید.
• قانون CSS را مانند شکل زیر اضافه کنید:

نتیجه

به طور خلاصه، من نحوه حذف نوار پاورقی دستی در موضوع Storefront را به اشتراک گذاشته‌ام. من با ایجاد تغییرات در فایل function.php و سپس شیوه نامه تم شروع کردم. اگر از فایل functions.php استفاده می کنید، توصیه می کنم از یک تم فرزند استفاده کنید. این به این دلیل است که وقتی تم Storefront را به روز می کنید، تمام تغییراتی که ایجاد کرده اید را از دست خواهید داد.