صفحه حساب کاربری در ووکامرس به کاربران این امکان را میدهد تا اطلاعات حساب خود را مدیریت کنند و به بخشهای مختلفی از جمله سفارشات، دانلودها، و آدرسها دسترسی داشته باشند. اما یکی از قابلیتهای جذاب ووکامرس، امکان ویرایش و سفارشیسازی صفحه حساب کاربری ووکامرس است تا نیازهای خاص کسبوکار شما را بهتر پوشش دهد. در این مقاله، به بررسی اینکه چگونه یک تب جدید اضافه کنیم و در انتها میتوانید قسمت “دورههای من” از لرندش را به حساب کاربری اضافه کنید.
ادغام لرن دش و دورههای من در حساب کاربری
اگر شما از پلاگین لرندش برای ارائه دورههای آموزشی استفاده میکنید، یکپارچهسازی آن با ووکامرس میتواند تجربه کاربری فوقالعادهای ایجاد کند. ادغام لرندش با حساب کاربری ووکامرس به کاربران این امکان را میدهد تا به راحتی به دورههای خود دسترسی پیدا کنند و پیشرفت خود را پیگیری کنند. این ادغام نه تنها باعث بهبود تجربه کاربری میشود بلکه به افزایش تعامل کاربران با وبسایت شما نیز کمک میکند.
افزودن تب جدید به حساب کاربری ووکامرس
یکی از روشهای مؤثر برای نمایش دورههای لرندش در حساب کاربری ووکامرس، افزودن یک تب جدید با عنوان “دورههای من” است. با این کار، کاربران میتوانند به سرعت و به سادگی به لیست دورههای خود دسترسی پیدا کنند. برای این منظور، میتوانید از کدهای سفارشی یا پلاگینهای موجود استفاده کنید. اضافه کردن این تب، به کاربران شما احساس راحتی و رضایت بیشتری میدهد، چرا که همه نیازهایشان در یک مکان قابل دسترسی است.
کدهایی که در ادامه برای اضافه کردن تب به Account Pages آورده میشود را میتوانید از دو طریق به پوسته ووردپرسی خود اضافه کنید :
- اضافه کردن به Function.php : در قسمت نمایش/ ویرایشگر پرونده پوسته / فایل فانکشن را پیدا کنید و در انتهای آن کد را استفاده کنید. توجه کنید ابتدا از محتوای قایل خود یک بک آپ داشته باشید تا در صورت اشکال آن را برگردانیدو اگر پوسته child دارید رو آن تغییرات را اعمال کنید.
- برای ویرایش حساب کاربری ووکامرس و اضافه کردن کد مربوطه به افزونه Code Snippets
افزونه ویرایش کدهای پوسته Code Snippets
به قسمت نصب افزونه جدید بروید code snippets را سرچ کنید. بعد از نصب و فعال کردن آن کدهای مربوطه را به آن اضافه کنید.
شورت کد ویرایش حساب کاربری ووکامرس
// اضافه کردن تب جدید به حساب کاربری
add_filter ( 'woocommerce_account_menu_items', 'wpsh_custom_endpoint', 40 );
function wpsh_custom_endpoint( $menu_links ){
$menu_links = array_slice( $menu_links, 0, 5, true )
// Add your own slug (support, for example) and tab title here below
+ array( 'my-courses' => 'My courses' )
+ array_slice( $menu_links, 5, NULL, true );
return $menu_links;
}
// Let’s register this new endpoint permalink
add_action( 'init', 'wpsh_new_endpoint' );
function wpsh_new_endpoint() {
add_rewrite_endpoint( 'my-courses', EP_PAGES ); // Don’t forget to change the slug here
}
//اضافه کردن دورهها
add_action( 'woocommerce_account_my-courses_endpoint', 'wpsh_endpoint_content' ); // If you change your slug above then don’t foget to chagne it alse inside this function
function wpsh_endpoint_content() {
// At the moment I will add Learndash profile with the shordcode
echo (
'<h3>متن دلخواه </h3>
<p>توضیحات مورد نظر به کاربر</p>'
);
echo do_shortcode('[ld_profile]');
}
پاک کردن گزینه های my account
اما گزینه بعدی ویرایش حساب کاربری ووکامرس برای وقتی است که اگر سایت شما فروش محصولات مجازی باشد دوره باشد نیازی به قسمت آدرس و یا دانلودها نداشته باشید برای حذف تبهای مورد نظر برای ویرایشش برگه حساب کاربری خود باید به قسمت زیر بروید :
ووکامرس / تنظیمات (پیکربندی) / پیشرفته
در این قسمت روبروب هر گزینهای که لازم ندارید را خالی کنید.
(فقط فراموش نکنید چه کاری انجام دادید تا در صورت لزوم بعدها اگر خواستید بتوانید برگردونید))
تغییر ترتیب و نام تبهای صفحه کاربری وردپرس
بعد از ویرایش حساب کاربری ووکامرس، تب جدید به طور پیشفرض به انتهای تبهای حساب کاربری اضافه میشود. یعنی پس از تب خروج .
با کد زیر میتوانیم ترتیب قرارگیری این تبها را تغییر دهیم.
- توجه کنید گزینه هایی که لازم ندارید را پاک کنید.
- و اینکه اگر تب دیگری را با کد اضافه کردید خودتان بنویسید.
// Change Woocommerce endpoint order
add_filter ( 'woocommerce_account_menu_items', 'wpsh_custom_endpoint_order' );
function wpsh_custom_endpoint_order() {
$myorder = array(
'dashboard' => __( 'پیشخوان', 'woocommerce' ),
'my-courses' => __( 'دورههای من', 'woocommerce' ), // Don’t forget to change the slug and title here
'orders' => __( 'سفارشات شما', 'woocommerce' ),
'edit-account' => __( 'جزییات حساب', 'woocommerce' ),
'edit-address' => __( 'تغییر آدرس', 'woocommerce' ),
'woo-wish-list' => __( 'علاقمندیها', 'woocommerce' ),
'customer-logout' => __( 'خروج', 'woocommerce' ),
);
return $myorder;
} ریدایرکت کاربر بعد از خروج
وقتی کاربر دکمه خروج از حساب کاربری را میزند برای اینکه ریدایرکت بدهیم کاربر را به صفحه اصلی سایت یا هر صفحه ای که دوست داریم بهتر از کد زیر استفاده کنیم.
add_action('wp_logout','logout_redirect');
function logout_redirect(){
wp_redirect( home_url() );
exit;
} حذف دکمه ادامه خرید در سبد ووکامرس
در هنگام ساخت فروشگاه توسط ووکامرس بعد از اینکه مشتری محصول را خریداری کرد به سبد خرید خود میرود و مراحل تسویه حساب را انجام میدهد.
اما حالتی را تصور کنید که ما میخواهیم در سبد خرید به جای دکمه ادامه تسویه حساب دکمه دلخواه دیگری مثلا سفارش از طریق واتس را بگذاریم.
برای آموزش ویرایش سبد خرید وو کامرس کلیلک کنید و بیشتر بخوانید.
