If you wanna login to the site and check it out (see if it is mobile friendly), feel free to use this login details: Username: guest Password: @%ZSPPijF97Ght)#M87nAEG3
You are the true "Rising Star" of TH-cam and an Angel for the Gutenberg dreamers who escaped from the inferno of page builders, bless you bro! I smashed a like,wrote the comment after watching 1:53 of the video
This was really helpful! Thanks a lot, really informative.. I am getting stuck in the product catalogue page, you should really create one as i couldnt find anything that helped
Of course, that is in my content pipeline. Do you have any site reference that you can share? Maybe you found a cool product catalogue page you would like me to create? Share it with me through email jack@jackcao.com
Jack great video, for some reason I am not seeing Header Account option in Customizer. I have Kadence pro with shopkit. I am not using the USHK plugin, trying to keep the plugins to minimum.
Hi Jack, I wonder how did you control the "save changes" button space (leaving space between account details form) and the "Password Change" space between border and text fields. Thanks.
Hi Jack, i was wondering if something similar can be done with the shop page. I have set for the shop page to display only the categories but the whole design is rather poor and I don't see any options, in woocommerce, for working this issue around. Will really appreciate any advice on this one. Thanks
hello Jack Cao , you create a great staff thank you for that!!, I am wondering why I do not have the option to hide the row, after I logout from my account, or are is it located somewhere else? cheers
Thank you for this great video. I have one problem I hope you can solve: In my Woocommerce menu does not appear the option "My account Layout"so I do no t know hoy to hide user name and avatar. Any idea how can I do it? Maybe some CSS? Thanks!!!
Oh man I discovered this video too late haha... I just got a dev to custom code a account page for me lol... this would have probably sorted out my needs!
@@JackCao Thanks for the offer. I've actually been looking to solve the second part of this project - it involves the Funnel Builder plugin by Woofunnels. I have a funnel sequence where one of the upsells is a subscription product for a member's area. I'm trying to sort out the backend - the plugin options being woo subscriptions, woo memberships, or wishlist member. Thus far the tutorials I have come across are very generic store based.
Cheers, just a quick questions since you're very knowledgable on Woocommerce, what would be the best way to have a single page as a password protected page that would then give access to all users with the site password? Sort of like a VIP prelaunch shop that would only be accessed by password first for people to shop on my Woo ecom store.
Hi,I followed your instructions, and made the NO.2 woocommerce account page. How to redirect to login or home page when logout? Now the logout template keeps the same with the layout of login . thanks
Amazing content Jack. But can u make this tutorial again as the interface of WordPress keeps changing so the options you are selecting are not available in WordPress and it is difficult to customize my account page from the above-mentioned video. It will be a big help if you can recreate this video using the current version of interface of WordPress.
Totally agree, the plugin is no longer available, I tried to create my own shortcodes but without the dashboard of [woocommerce_my_account] it is impossible to show anything neither the login Can you help me ?
boss, i uses the elementor to edit my WooCommerce account. there is a problem with the edit account, the save button is missing, how do you want to restore it
Anyone else having an issue with the CSS not working. The CSS is not removing the default woocommerce navigation. Can't seem to get rid of it. Any insight would be helpful.
I followed both methods. The plugin for the shortcodes is no longer available. When I tried the first method, and clicked on orders, it looped me back to the same page. Any suggestions?
I am not a Divi user though. Unless their performance starts to get to the 90 zone on Google Pagespeed insights. I know they did a performance upgrade. I've tested it. It is still not reaching the score. I'll probably start to work on Divi if it becomes a fast loading page builder. I'm a page speed junkie, so I will only use products that do not put a drag on sitespeed. 😊
Great video as always! I am following your tutorial but when I go to the edit address billing and shipping options and I want to add or edit the address, the page refreshes with the panel being closed and I need reopen the panel to make the edits. How can I click on the edit address link, but still keep the panel open to make the edits. Thanks
I guess the page we are starting on is here, /my-account/ but when making edits it takes you here, /my-account/edit-address/ and that's why the page is refreshing...is there a way to edit the account details without having to reload the page and have the accordion closed after hitting the edit link?
Hmm, I didn't put much focus on that. And yeah, it will refresh the page when the edit link is clicked that will trigger the accordion to close up because by default, only the first accordion is supposed to be opened. I guess to avoid that, you may want to set your accordion for "Edit Address" to be open by default? That way, even when the page refresh, that accordion item will stay open. An alternative is to design your account page without using the accordion. You can use a combination of the 1st method and the promotional items from method #2.
Hello Jack! Your video really helps. Question: Is there any tutorial on your channel where you teach how to use ACF fields text to output on a single product page layout, beautifully? If there isn't any tutorial please make one for me.
Hi Ateek, Do you mean creating a sort of like a "Dashboard" for maybe your manager or whoever that handles product description and listing without having to login to wordpress?
@@AteekSheikh Hmm, why not use hooked elements to configure your single product page? Have you watched the 1st video of the series? That page is made out of hooked elements. Also, your suggestion of using ACF is good! I think using hooked elements combined with ACF is going to be powerful. Will definitely work on that.
@@JackCao Now I know what happened. I don't edit the original "account page" I created a new page instead and the shortcodes don't work there. They work only on the original (from woocommerce created) account page.
Hi, pal can you make a video for making custom categories pages with Gutenberg so that we can do redirects of the categories to the custom pages. Please man
@@productpromotions1736 The design principles are all the same, but you just need to swap the hooked elements part from Kadence into the Elements from Generatepress.
If you wanna login to the site and check it out (see if it is mobile friendly), feel free to use this login details:
Username: guest
Password: @%ZSPPijF97Ght)#M87nAEG3
what is the URL？
Woo shortcode Kit is not working anymore :(
As expected, another great tutorial from you, Jack ! Keep it up man. You're much appreciated !
Jack, your videos are the best!!! Continue with your amazing work! Congratulations.
Great tutorial. Thank you for putting it out, Jack!
Mate, that was perfect! Thank you, I wanted the exact same style for my Account page :)
That was a great tutorial! Learned so much even little tricks to speed up my time in gutenburg! Thanks!
I have been waiting impatiently for this video! Thanks Jace once again for this great video!
You are welcome! Anymore requests? Keep them coming
You are genius, your tutorial is totally different from others I've seen. This one is amazing.
Amazing content Jack! I am planning to switch from Elementor to Gutenberg and your channel is helping me plan for the transition
I saw other tutorials but didn't know how to get rid of the user name and avatar. You're the only one that showed how to do that! Thanks!
I am so thankful for this tutorial. Subscribed.
Fantastic! Jack the way you explained the whole process is really great, one can easily understands how hard you must have worked on it. 👍
Could you use it? It says that this plugin was deactivated last Dec.
Such a giving person, thank you very much!
You are awesome! I learnt so much from you! You have a new subscriber! Thank you
You are the true "Rising Star" of TH-cam and an Angel for the Gutenberg dreamers who escaped from the inferno of page builders, bless you bro! I smashed a like,wrote the comment after watching 1:53 of the video
Thank you! Really appreciate that! 😊
What a dealbreaker! So great! More films like that! :P
More to come! 😊
Damn, the shortcodes are too great, I'm crying now.
Thank you, Jack, you save my ass!
Thank you a lot for this enormously valuable tut!!!
You are most welcome! 😊
Wow!! This video is very useful. Thank you so much!!
You're very welcome!
Great Job!
This was really helpful! Thanks a lot, really informative.. I am getting stuck in the product catalogue page, you should really create one as i couldnt find anything that helped
Of course, that is in my content pipeline. Do you have any site reference that you can share? Maybe you found a cool product catalogue page you would like me to create? Share it with me through email jack@jackcao.com
You're thé best brohh 🙏🏾
Just wonderful!!!
Glad you like it! 😊
Great video thank you
Love the videos you put out 👌
Can we achieve something similar with shortcodes for the cart and checkout pages?
Thanks
great video
Yeah I was looking for this! 🙌🏻 also I am looking for how to add social share buttons on posts and custom posts and listings etc
Great ideas! Will work on them soon.😊
thhhhhhhanx soo muchh i spend hours on search ,, i didnt find good solution loke yours
Amazing
very helpful video!! Do you have an solution if the code is not working on attrition Css for hiding the navigation display? thanks a lot
Jack great video, for some reason I am not seeing Header Account option in Customizer. I have Kadence pro with shopkit. I am not using the USHK plugin, trying to keep the plugins to minimum.
Hi Jack, I wonder how did you control the "save changes" button space (leaving space between account details form) and the "Password Change" space between border and text fields. Thanks.
Thank you
You're welcome!
Gold!
Thank you!
Hi Jack, i was wondering if something similar can be done with the shop page. I have set for the shop page to display only the categories but the whole design is rather poor and I don't see any options, in woocommerce, for working this issue around. Will really appreciate any advice on this one. Thanks
hello Jack Cao , you create a great staff thank you for that!!, I am wondering why I do not have the option to hide the row, after I logout from my account, or are is it located somewhere else? cheers
Thank you for this great video. I have one problem I hope you can solve: In my Woocommerce menu does not appear the option "My account Layout"so I do no t know hoy to hide user name and avatar. Any idea how can I do it? Maybe some CSS? Thanks!!!
Oh man I discovered this video too late haha... I just got a dev to custom code a account page for me lol... this would have probably sorted out my needs!
Maybe for the next project. Anything you would like to do for your site that I have not covered? Maybe I can do a tutorial for you.
@@JackCao Thanks for the offer. I've actually been looking to solve the second part of this project - it involves the Funnel Builder plugin by Woofunnels. I have a funnel sequence where one of the upsells is a subscription product for a member's area. I'm trying to sort out the backend - the plugin options being woo subscriptions, woo memberships, or wishlist member. Thus far the tutorials I have come across are very generic store based.
Hello jack, how can i use the dynamic image of user profile or existing gravatar for image?
Jack, you did a great job!!!
But woo shortcodes kit is no longer available, is there any free alternative
Hope you make video how to custom shop page
Cheers, just a quick questions since you're very knowledgable on Woocommerce, what would be the best way to have a single page as a password protected page that would then give access to all users with the site password? Sort of like a VIP prelaunch shop that would only be accessed by password first for people to shop on my Woo ecom store.
💯 Hello, thanks for sharing... Great tutorial. Just one thing, how could I do so that when I log in from the modal, it redirects to my account page.
hi im usin ur method but the logout botom doesnt show up a text and y cant change de color, any advice?
Hi,I followed your instructions, and made the NO.2 woocommerce account page. How to redirect to login or home page when logout? Now the logout template keeps the same with the layout of login . thanks
Amazing content Jack. But can u make this tutorial again as the interface of WordPress keeps changing so the options you are selecting are not available in WordPress and it is difficult to customize my account page from the above-mentioned video. It will be a big help if you can recreate this video using the current version of interface of WordPress.
Totally agree, the plugin is no longer available, I tried to create my own shortcodes but without the dashboard of [woocommerce_my_account] it is impossible to show anything neither the login
Can you help me ?
@@ottaviomazzaretto5686 Bro I'm in the same boat as you. Can you tell me how you got those shortcodes?
Hello Jack ! Thank You for this tuto.
The plugin Woo Shortcodes Kit don't work 😭. Have you an alternative plugin ? Thanks
boss, i uses the elementor to edit my WooCommerce account. there is a problem with the edit account, the save button is missing, how do you want to restore it
the plugin has been deleted. how can we solve it? Thank you
when click on the submit link, it says that i should update to kadence pro. what should i do? in your video it doesn't say anything like that
Anyone else having an issue with the CSS not working. The CSS is not removing the default woocommerce navigation. Can't seem to get rid of it. Any insight would be helpful.
Sad, but I do not think the "woo shortcodes kit" plugin exists anymore
as customer, if i click on view for see full order ...it's not showing
Hi Jack ive put the css code in to get rid of woocommerce default menu tabs (10.30sec) into you video but it is not working/removing these?
Hi Jack, I've been looking everywhere for somethin glike this, do you know how it works in Elementor Pro?
hey i can not see My account layout in customize, Please Help!
Really good! If it can be done with Gutenberg, it can be done with elementor or?
i cant find woo shortcodes kit plugins
This method is not working now anymore can you please make another Tutorial
6:18 must to know feature, check it out!
Thank for ur video, I followed your steps, but why is the CSS don doesn't work, Please help , I try two day!!
pro, Is there any plugin similar to woo shortcodes kit?
This plugin not showing in wordpress.
WSHK - Woo Shortcodes Kit have been blocked, now what's the alternative?
wcsk plugin created problem in email varification system of my woocommerce. There is no way to delete it totally.
I followed both methods. The plugin for the shortcodes is no longer available. When I tried the first method, and clicked on orders, it looped me back to the same page. Any suggestions?
Sadly, the plugin for WC shortcodes had been shutdown due to licensing/trademark violation. Great solution nonetheless!
Jack can you achieve the same or similar layout in Divi if so can you do a tutorial?
I am not a Divi user though. Unless their performance starts to get to the 90 zone on Google Pagespeed insights. I know they did a performance upgrade. I've tested it. It is still not reaching the score. I'll probably start to work on Divi if it becomes a fast loading page builder. I'm a page speed junkie, so I will only use products that do not put a drag on sitespeed. 😊
Sad woo shortcode kit is not available anymore
you are using which color scheme
That Woo Shortcode have any impact on performance?
Nope. It performs just as well as the default woocommerce shortcode as it draws the same information from the same source.
unfortunately WSCK has been closedd due to violations particularly licensing and trademark violations
8:23 haa! fellow notepad user for copying links etc 👍👏
Goood joob
Great video as always! I am following your tutorial but when I go to the edit address billing and shipping options and I want to add or edit the address, the page refreshes with the panel being closed and I need reopen the panel to make the edits. How can I click on the edit address link, but still keep the panel open to make the edits. Thanks
I guess the page we are starting on is here, /my-account/ but when making edits it takes you here, /my-account/edit-address/ and that's why the page is refreshing...is there a way to edit the account details without having to reload the page and have the accordion closed after hitting the edit link?
Hmm, I didn't put much focus on that. And yeah, it will refresh the page when the edit link is clicked that will trigger the accordion to close up because by default, only the first accordion is supposed to be opened. I guess to avoid that, you may want to set your accordion for "Edit Address" to be open by default? That way, even when the page refresh, that accordion item will stay open. An alternative is to design your account page without using the accordion. You can use a combination of the 1st method and the promotional items from method #2.
@@JackCao It looks like with the pro version of the plugin, it allows this...
Hello Jack!
Your video really helps.
Question: Is there any tutorial on your channel where you teach how to use ACF fields text to output on a single product page layout, beautifully? If there isn't any tutorial please make one for me.
Hi Ateek, Do you mean creating a sort of like a "Dashboard" for maybe your manager or whoever that handles product description and listing without having to login to wordpress?
@@JackCao No,
What I mean is, creat some fields for more information of products and then output that information on a single product page layout.
@@AteekSheikh Hmm, why not use hooked elements to configure your single product page? Have you watched the 1st video of the series? That page is made out of hooked elements. Also, your suggestion of using ACF is good! I think using hooked elements combined with ACF is going to be powerful. Will definitely work on that.
@@JackCao Yes, I've watched 44 mins long tutorial but there isn't any dynamic content for output!!
@@AteekSheikh Sure, I got what you mean. I will see how I can incorporate custom fields into the hooked template.
Unfortunately the plugin has been discontinued
For some reasons the shortcodes from the "woo shortcodes kit" don't work for me. If I paste the shortcodes and save it there is nothing displayed.
I think you need to save it first before pasting the shortcode. If not, then there may be something else that is blocking the code.
@@JackCao Now I know what happened. I don't edit the original "account page" I created a new page instead and the shortcodes don't work there. They work only on the original (from woocommerce created) account page.
Hi, pal can you make a video for making custom categories pages with Gutenberg so that we can do redirects of the categories to the custom pages. Please man
Why create a new page when you can work on it? 😊 th-cam.com/video/GFsbb4WE8o0/w-d-xo.html
@@JackCao I have that video one the day you released it but I have generate press premium am not using cadence can you guide with a generate press
@@productpromotions1736 The design principles are all the same, but you just need to swap the hooked elements part from Kadence into the Elements from Generatepress.
Great Content ,, like and subscribe defiantly
Is this page also mobile responsive?
Yes it is. Check it out yourself. Username: guest Password: @%ZSPPijF97Ght)#M87nAEG3
Hi, how do I get this to work on thrive themes?
When you are working on Gutenberg, you should not ise Thrive Themes as they will slow down your site.
@@JackCao Okay. Thanks for the advice. Would like to know your take on thrive themes vs elementor for an ecommerce site
@@basiltechnologies5867 I believe Elementor has more features and better optimized and supported for woocommerce. Speed wise, both are not good.
@@JackCao Great. So what would you recommend for speed and cool features.
@@basiltechnologies5867 Use Gutenberg, like what I've showed you in the video. It is a balance between speed and features. 😊
This plugin no more available now.
it isn't responsive
Then my galaxy will pass
WHAT ABOUT MOBILE!!!!!!! I hate every tutorial I have found so far cause none of em covers the responsive side.
10k in a month.
Hopefully 😊 And thank you!
nothing new😑
Hi I need Your Help
PLEASE REPLY ,ME