How to add Woocommerce My Account tabs (and remove, rename, reorder them)?
ฝัง
- เผยแพร่เมื่อ 31 ก.ค. 2024
- In this video I’m going to show you how to add Woocommerce my account tabs. Also, whil showing how to add custom Woocommerce my accounts tabs I’m going to show you how to remove, rename and reorder them with the couple of clicks.
All the snippets shown in the video are here: wpsimplehacks.com/how-and-add...
VIDEOS MENTIONED:
How to Create a Custom Woocommerce My account Page? • How to Create a Custom...
How to Merge Learndash and Woocommerce Account Pages? • How to Merge Learndash...
Blocksy and Kadence are currently two of the best WordPress themes. So, if you’re interested, then you can grab:
🅱️ Blocksy theme wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
🔵 Kadence theme here: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel. / @wpsimplehacks
✅ BEST WORDPRESS THEMES:
Blocksy theme: wpsimplehacks.com/blocksy (SAVE 10% Coupon WPSH10)
Kadence Theme: wpsimplehacks.com/kadence (SAVE 10% Coupon SIMPLEHACKS)
Astra Theme: wpsimplehacks.com/astra
GeneratePress: wpsimplehacks.com/generatepress
OceanWP: wpsimplehacks.com/oceanwp (SAVE 10% Coupon WPSH10)
✅ MY FAVOURITE WEBHOSTING PROVIDERS:
Verpex Hosting wpsimplehacks.com/verpex
A2 hosting wpsimplehacks.com/a2-hosting
Cloudways wpsimplehacks.com/cloudways
✅ AWESOME WORDPRESS PLUGINS:
WPCodeBox wpsimplehacks.com/wpcodebox (SAVE 20% Coupon WPSH20)
WooLentor Elementor/Gutenberg add-on wpsimplehacks.com/woolentor (SAVE 20% Coupon WPSH20)
Best Wordpress Backup, Migration and Staging plugin - WpVivid Pro wpsimplehacks.com/wpvidid (SAVE 20% Coupon WPSH20)
Best Gutenberg Blocks addon - Kadence Blocks wpsimplehacks.com/kadenceblocks (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin - Fluent Forms: wpsimplehacks.com/fluentforms (SAVE 20% Coupon: WPSH20)
Best for email marketing - Fluent CRM: wpsimplehacks.com/fluentcrm (SAVE 20% Coupon: WPSH20)
Best for creating tables - Ninja Tables wpsimplehacks.com/ninjatables (SAVE 20% Coupon: WPSH20)
Best events calendar and ticket selling plugin - WP Eventin wpsimplehacks.com/wp-eventin (SAVE 20% Coupon: WPSH20)
Best events calendar and ticket selling plugin - WP Eventin wpsimplehacks.com/wp-eventin (SAVE 20% Coupon: WPSH20)
Best Wordpress LMS - Tutor LMS wpsimplehacks.com/tutorlms (SAVE 20% Coupon thmwelcome20)
Best Wordpress SEO plugin - SEOPress wpsimplehacks.com/seopress
Image Map Pro - wpsimplehacks.com/imagemap
✅ AWESOME WOOOCOMMERCE EXTENSIONS:
Best Woocommerce Swiss Knife tool - Kadence WooExtras wpsimplehacks.com/wooextras (SAVE 10% Coupon SIMPLEHACKS)
Advanced Dynamic Pricing Pro wpsimplehacks.com/dynamic-pri... (SAVE 20% Coupon: WPSH20)
Phone orders For Woocommerce Pro wpsimplehacks.com/phone-order... (SAVE 20% coupon: WPSH20)
Advanced Orders Export Pro wpsimplehacks.com/export-orde... (SAVE 20% coupon: WPSH20)
Best Woocommerce sidecart plugin - Woocommerce Cart in One wpsimplehacks.com/cartinone
TIMESTAMPS
00:00 Overview
00:40 Tabbed Woocommerce My account page
01:04 How to add custom Woocommerce My account tabs
03:17 How to merge Learndash profile with Woocommerce my account
04:36 How to reorder Woocommerce My account tabs
06:01 How to remove Woocommerce My account tabs
07:21 How to rename Woocommerce My account tabs - แนวปฏิบัติและการใช้ชีวิต
![[ไฮไลต์] แบดมินตันหญิง "เมย์ รัชนก" ไทย vs เบลเยี่ยม รอบแบ่งกลุ่ม | โอลิมปิก 2024](http://i.ytimg.com/vi/qfMROCoiKMY/mqdefault.jpg)
Two videos I mentioned:
How to Create a Custom Woocommerce My account Page? th-cam.com/video/eqRN4peFoVU/w-d-xo.html
How to Merge Learndash and Woocommerce Account Pages? th-cam.com/video/Ea-CTqJB8P0/w-d-xo.html
Thank you for such amazing info as usual others doing for WordPress. No one is focused on responsiveness, which is being hurdled every time to adopt those solutions completely. Cheers
Glad it was helpful!
exactly what i was looking for, it worked perfectly!
Glad I could help!
Hi, I missed you! Very good tutorial as usual! Already almost 3000 subscribers.🤘
Hey, thanks! First birthdays of the channel will be at the end of September. It seems that 3226 users will be subscribed by that time :)
@@wpsimplehacks You deserve more. You will get your due subs
@@premnathd Thanks :)
Thank you for sharing this!!!! ♥
You're welcome
super rare video ! great work
Glad you enjoyed it
Thanks... that helped me out a lot...
Awesome 😊
Your videos really awesome and easy to understand and better thing is no need to install lots of plugins... Universe bless you
Glad you like them!
Thank you good Sir!
Glad it helped
you are amazing bro
Thanks :)
Good stuff!
Thanks!
Awesome Sr.
So nice of you
subscribed😄
Thanks
Great tutorial. One problem I found is that when I merge and then also re-order the content itself doesn't change to maintain the order set. How would I go about fixing this? For example merging the edit-account endpoint with the edit-address endpoint will display the account info before the shipping info, which by default puts the save changes button mid way between the two (looks terrible). Any recommended fixes for this problem?
Sorry, can’t help with that. You may take a look at the CSS and tweak this a bit.
Thank you for the video, but my question is, where do I get the code I paste in add new on the code snippet???
Link to the snippets is in the video description
Thank you so much! This was helpful as usual! How did you do it to show the image of the user on top of the My Dashboard tab?
It comes from my theme (Blocksy Pro). If you havent’t familiar with it then see this playlist: th-cam.com/play/PLS1Y4-9j3vy6zGiyOjYpoMBU45hv-2HTW.html
@@wpsimplehacks thank you so much
Exaclty what i need ;) thanks a lot.
But i have a issue.
The Learndash Course doesnt appear in the dashboard section. It load a new site.
Whato do you mean by that?
Genius
Thanks
Wonderful! Could you guide me how you can add a private URL for each member viewing their stats?
Sorry, can’t help with that.
I have a page already created on my website. how can i move that page to the my account tab i created in this video?
You can't display a static page under my account tab.
Does this snippet work with the woocommerce subscriptions plugin added?
I haven't tried it with Woo subscriptions plugin but I don't see why it wouldn't work.
How can I make these added links open in the same page like the Account Details tab etc.?
Don’t forget to add a proper slug. Usually it’s /my-account/orders and /my-account/ downloads etc.
thank you for the great work... is this working with all famous themes ... i know you recommand kadence and blocksy themes but i'm using buddyboss theme because i have a social comunity and forum website, you know that kind of stuff ...
These snippets work with any decent theme that is not overriding Woocommerce hooks with their own. So, if Buddyboss is not doing that then it should work.
Hello, how to display icons like you on the different tables? I recognize here the Kadence icons.
Thanks in advance !
Please explain which icons in what table do you mean? Also, it is a Blocksy theme shown in the video. :)
Sorry, I'm talking about the icons that are before the table titles in the dashboard. I would like to add the same in my site.
Thank you!
They came with the theme, I had nothing to do with them.
what if i use tutor lms? is it possible too?
Tutor LMS uses it's own dashboard, so it won't work with it
@@wpsimplehacks Maybe create a templated page then add a html frame with tutor lms inside?
How did you add the avatar profile at the top of the tabs and how did you remove the avatar profile in courses?
1) Avatar at the top: it’s a built in feature in the theme I use (Blocksy)
2) Leardash profile image and course stats removal: add this to the Cutomizer >> Additional CSS
.learndash-wrapper .ld-profile-summary {
display: none;
}
@@wpsimplehacks Thank you. That's a lot of help.
How you add the wishlist in your site ?
Do you have any code to add wishlist without using any plugin ?
It depends on your theme. For example, Blocksy Pro has wishlist built in. Otherwise, you would need to use a plugin.
@@wpsimplehacks ok
Iam using astra theme and there is no wishlist option
Anyway thank you for your reply 😊
Hello how can i make customer upload his own avatar?
wordpress.org/plugins/wp-user-avatar/
is there any snippet to allow customer to delete own account from account option?
See whether this article helps you out. www.wpbeginner.com/plugins/how-to-allow-users-to-delete-their-wordpress-accounts/
@@wpsimplehacks hmm i checked this but thought if you can using snippet so no need of third party plugin. thank you
I can't activate more than 1 snippet. On my second snippet it says "Cannot redeclare function support_query_vars". But i am sure my syntax are all correct. Need your help sir!
Be sure that you don't use the same function name for every snippet. Every snippet should have their own function name.
@@wpsimplehacks Each snippet have different function name.. Still the second snippet cannot be activated coz of the error.
// 2. Add new query var
add_filter( 'query_vars', 'support_query_vars', 0 );
function support_query_vars( $vars ) {
$vars[] = 'shipments';
please shoot a video about the thank you page🙏
Planned in the future but not ETA for it at the moment.
@@wpsimplehacks Thank you very much. Looking forward to it.❤️
I have tried this and it no longer works.
Running WP 5.9 WC 6.1.1 and still get the 404 page. Have updated permalink and nothing. Have added an additional code parameter [flush_rewrite_rules], but still get the 404.
Now, if I change the permalink structure to default or 'plain/default' all works fine. So something is not right with the code in rendering the slug output.
Just tested and works well on my end.
@@wpsimplehacks I sorted it out. I use the Advanced Scripts plugin and just had to change my priority and all worked great. =)
I'm glad it worked out for you 😊
how to add forms inside support tab in dashboard?
Use a function that contains your form shortcode
@@wpsimplehacks you just assume that people know what functions are, if we knew what funtions were and what they did we would probably not be here.
Nice man how we can add icons for the tabs
With some custom CSS
@@wpsimplehacks yeah that what i do thanks but iam use woodmart theme and iam add wallet system by wc swings iam add icon to navigation tabs menu but when iam add icon for woocommerce content section the dropdown account on header see me on wallet li the icon because they have the same class can we do something in this situation?
It would be wise to ask about it from the plugin support or theme support team
how to remove this??
From your account dashboard you can view your recent orders, manage your shipping and billing addresses, and edit your password and account details.??
Probably with small bit of CSS code.
@@wpsimplehacks well :P you know the code to help me? :P will be good for your videos too :P
It depends on your theme. Try this (although it probably removes "Hi Jack..." part too)
.woocommerce-MyAccount-content > p {
display: none;
}
@@wpsimplehacks thanks my brother !!it works perfect :P
Video needs renaming to how to add ONE extra custom endpoint
Nope. If you need to add more than one endpoint, then you need to change the function name.
How to Change the Course Order in [ld-profile]
It’s a question for Learndash support team :)