Use Elementor to Customise WooCommerce “My Account” Page

Поделиться
HTML-код
  • Опубликовано: 26 ноя 2024

Комментарии • 84

  • @leomarkconstantino4451
    @leomarkconstantino4451 13 дней назад

    Can I put pdf for specific customer only, meaning every customer will have a new tab/button that will lead to a pdf file. every custoemrs will have different pdf. is it possible?

  • @YoshuaHasan
    @YoshuaHasan 2 месяца назад +1

    How did you change the "account" world to link so you can add the end point?

  • @cinek8818
    @cinek8818 7 месяцев назад +1

    Hello. Nice tutorial. I have a question. How to display custom login and registration forms, instead default woocommerce forms, for logged out users, at my account page?

    • @wpdev.
      @wpdev.  6 месяцев назад

      Thats a different topic that I will cover in the future videos :)

  • @patsymutiso
    @patsymutiso 3 месяца назад

    I'd really like to see how to setup the sign in button in the header and how it changes after the user logs in 😊

    • @wpdev.
      @wpdev.  3 месяца назад

      If you create a header using Elementor, you can make the Sign In button using the button widget. We'll upload a video soon on how to create a header with the Login/Sign-In button

  • @dsuinfotech
    @dsuinfotech 3 месяца назад

    Your css worked for me.
    thanks

    • @wpdev.
      @wpdev.  2 месяца назад

      Great to hear!

  • @gregkeet
    @gregkeet 3 месяца назад

    Hi, thanks for this. To let you know, the 2nd snippet did nothing on my side, I have tried various options but I can not see why. The rest of the tutorial was perfect, thank you.

    • @wpdev.
      @wpdev.  3 месяца назад

      Are you sure if the code snippet was correct? Can you try using this - .woocommerce-account
      .woocommerce-MyAccount-content { width 100%; }

    • @rashaalshammari428
      @rashaalshammari428 2 месяца назад +5

      Same happened with me the issue was to add a colon in the code
      .woocommerce-account
      .woocommerce-MyAccount-content
      {
      width: 100%;
      }
      Try this

    • @The_Florea
      @The_Florea Месяц назад

      @@rashaalshammari428 Thanks! This one works!

    • @imanny3895
      @imanny3895 19 дней назад

      @@rashaalshammari428 You are life saver man. Appreciate it ♥

  • @benjazzy6832
    @benjazzy6832 28 дней назад

    very good i love your video thank u

  • @Dozup9
    @Dozup9 15 дней назад

    I cant open page with elementor and any other page builder

  • @kevinjoash7
    @kevinjoash7 4 месяца назад

    Please include a tutorial for Yith Woocommerce wishlist on the same dashboard (woocommerce + yith) on the same dashboard.

  • @anshb28
    @anshb28 3 месяца назад

    How do I change text font and button color in default Woocommerce login/register page?

    • @wpdev.
      @wpdev.  3 месяца назад

      If it's Elementor, then you can use the Style tab. If you're using the standard page, you can customize it from the global site settings.

  • @שלוחבה-ו6ה
    @שלוחבה-ו6ה Месяц назад

    what happens on mobile screen? what happens when log out user enter this page ?

  • @more.israel
    @more.israel 6 месяцев назад

    Hello. How can I add a form with identical features that will allow me to add products (including their variations), images, and everything related to products outside of the WordPress dashboard?

    • @wpdev.
      @wpdev.  6 месяцев назад

      You mean a product page?

  • @AkaHUG
    @AkaHUG 3 месяца назад

    After I follow your clip I can't click any link, but when convert to previous it work normally.

    • @wpdev.
      @wpdev.  3 месяца назад

      Hi, can you please elaborate? Which link are you talking about?

    • @AkaHUG
      @AkaHUG 3 месяца назад

      @@wpdev. Profile, Dashboard, Order, Download, Cart, Address, Logout all in account page

  • @gsvexim
    @gsvexim 3 месяца назад

    Hi,
    I want to hide the password change section on the front end which is being displayed using edit_account endpoint and also want the edit_endpoint to be read only untill the user selects edit profile. Can you please help regarding this.

  • @ThatRealGuy1
    @ThatRealGuy1 Месяц назад

    Great video

  • @johndelden4120
    @johndelden4120 3 месяца назад

    sadly, but its not working... I can not link my orders to the orders page and if I remove the link, it works pretty well, so idk whats wrong

    • @wpdev.
      @wpdev.  3 месяца назад

      Have you checked if the link is correct? It should end with /my-account/your-orders

    • @johndelden4120
      @johndelden4120 3 месяца назад

      @@wpdev. Yes, for me its /mijn-account/orders and without linking this it works correctly, but the moment I link it, it stays on the dashboard page and the URL says /mijn-account/orders. I think its just patched because they want you to purchase Elementor PRO, and with this video you can actually make a cool looking account page for free.

  • @islamicMedia1212
    @islamicMedia1212 5 месяцев назад +2

    Custom linking are not working

    • @wpdev.
      @wpdev.  3 месяца назад

      Make sure you enter the correct endpoints. This is specifically for the account page sections. Also, you can use dynamic tags (Elementor Pro)

    • @BackedMol
      @BackedMol 3 месяца назад +1

      I have the same issue

  • @CryptoKnowledgeHub-gl8tu
    @CryptoKnowledgeHub-gl8tu 6 месяцев назад +1

    hello sir in link i write account but the other option are not showing so my address not open how can fixs that plz help

    • @philosophically4066
      @philosophically4066 6 месяцев назад

      its hidden

    • @wpdev.
      @wpdev.  3 месяца назад

      Are you sure, the endpoints are correct? You can also use dynamic tags to link to different endpoints easily

  • @Trendelhi
    @Trendelhi 5 месяцев назад

    your airlift plugin has a huge bug, it stops the site to fully loaded until we click on screen or slide a bit in screen
    you can fix that

    • @wpdev.
      @wpdev.  5 месяцев назад

      It's because of the lazy loading feature!

    • @Trendelhi
      @Trendelhi 5 месяцев назад

      @@wpdev. how to fix this please

  • @marciegrahame2434
    @marciegrahame2434 6 месяцев назад

    Where is the code snippet please. Not linked above. Thanks

    • @wpdev.
      @wpdev.  6 месяцев назад

      Please find in the description :)

  • @AbhishekThakur-r9y
    @AbhishekThakur-r9y 2 месяца назад

    I am not able to hide my sidebar using the provided code could you help me with that

    • @x_yuri_x
      @x_yuri_x 2 месяца назад

      for me the following worked :
      body.woocommerce-page .woocommerce-MyAccount-navigation {
      display: none;
      }

    • @Antarjaal360
      @Antarjaal360 Месяц назад

      use this code
      ===========
      .woocommerce-MyAccount-navigation {
      display: none !important;
      }
      .woocommerce-account .woocommerce-MyAccount-content {
      width: 100% !important;
      }

  • @amankhanna4980
    @amankhanna4980 3 месяца назад

    Button linking process not working what can I do for linking?

    • @wpdev.
      @wpdev.  3 месяца назад

      Which buttons are you talking about?

    • @amankhanna4980
      @amankhanna4980 3 месяца назад

      @@wpdev. every buttons are not working, i link order button and address button but not working any of these?

  • @Grabbenhof
    @Grabbenhof 2 месяца назад

    CSS is not working for me, everything remains same

    • @NestorYR
      @NestorYR 2 месяца назад

      Same for me..

  • @willyjardon9698
    @willyjardon9698 6 месяцев назад

    If i logout then the customization are showing. Like the dashboard , order etc. Its need to hide before user log in our site. If you know then please share it.

    • @wpdev.
      @wpdev.  3 месяца назад

      Turn off guest login. Keep it available only for main users

  • @mr_howto-everthing
    @mr_howto-everthing Месяц назад +1

    Comment section🤣🤣🤣I can't even continue watching

  • @AbhaySingh-yp2oz
    @AbhaySingh-yp2oz Месяц назад

    I am getting page not found error.. please help me..

    • @wpdev.
      @wpdev.  Месяц назад

      Which page? Can you specify?

  • @wogavekkoup
    @wogavekkoup 5 месяцев назад

    Hello what about customize on mobile

    • @wpdev.
      @wpdev.  5 месяцев назад

      You just have to tweak some settings in Style and Advanced mode to make it compatible with mobile view.

  • @aveerajsinghmaan7384
    @aveerajsinghmaan7384 Месяц назад +1

    content width code not working

    • @ThotaGowtham-u1h
      @ThotaGowtham-u1h Месяц назад

      .woocommerce-MyAccount-navigation {
      display: none;
      }
      .woocommerce-account .woocommerce-MyAccount-content {
      width: 100%;
      }

    • @Antarjaal360
      @Antarjaal360 Месяц назад

      use this code
      ===========
      .woocommerce-MyAccount-navigation {
      display: none !important;
      }
      .woocommerce-account .woocommerce-MyAccount-content {
      width: 100% !important;
      }

    • @Edvinramirez112233
      @Edvinramirez112233 5 дней назад

      In his second code there is an error its missing : after the width if your just copying it from his comments.
      corrected to copy
      .woocommerce-account
      .woocommerce-MyAccount-content { width: 100%; }

  • @yogi-ct5nc
    @yogi-ct5nc 4 месяца назад

    Thank you very much brother.
    I am getting hard time to make it Mobile responsive. Please help me in it.
    Thank you again.

    • @wpdev.
      @wpdev.  4 месяца назад

      Hey, you should use Elementor for this because they have built-in responsiveness checker and you can make changes accordingly!

  • @philosophically4066
    @philosophically4066 6 месяцев назад

    Maybe you skip linking of Order and Address!!!

    • @wpdev.
      @wpdev.  6 месяцев назад

      Same steps as Account.

  • @ShibajiRoy-ie3pt
    @ShibajiRoy-ie3pt 4 месяца назад

    Additional css links are not working

    • @wpdev.
      @wpdev.  4 месяца назад

      What error are you seeing

    • @ShibajiRoy-ie3pt
      @ShibajiRoy-ie3pt 4 месяца назад

      @@wpdev. Everythings are going like same but am really unable to linked these buttom with there value/page. Need this solution please please.🙂

    • @ShibajiRoy-ie3pt
      @ShibajiRoy-ie3pt 4 месяца назад

      @@wpdev. Even allmost all the pages and settings are setup perfectly, just need only this solution. I really looking on you.

  • @user-samueladema777
    @user-samueladema777 7 месяцев назад

    Where is the css?

    • @wpdev.
      @wpdev.  6 месяцев назад

      Please find it in the description :)

  • @Outlanderwow
    @Outlanderwow 2 месяца назад +1

    The wrost turtorial ever! Skipped all first steps...

  • @foxnut6240
    @foxnut6240 2 месяца назад +1

    Aapke samjhane ka trika bakwas h

  • @vlb.strategies
    @vlb.strategies 3 месяца назад

    How do I get the account dashboard navigation menu to not show up? I put the CSS in the "Custom CSS" section but the nav menu is still showing. I'm not sure what I'm doing wrong

    • @wpdev.
      @wpdev.  3 месяца назад

      Are you sure that the CSS is correct? Can you double check or send a screenshot of the issue.

    • @joemurphy2594
      @joemurphy2594 Месяц назад

      ​@@wpdev. I had the same issue when trying to add the code into the CSS under the Advanced tab of the Elementor User Account Widget.
      I solved it by using the WooCommerce shortcode for the ‘account’ in the Elementor Shortcode block and then placing the CSS in the page settings itself. To do this:
      Click Settings Gear Box (very bottom left if using sidebar) > Advanced
      Click Add Your Own Custom CSS > Enter the custom CSS codes provided
      After that, the issue should be resolved. The Woocommerce Account shortcode is:
      [woocommerce_my_account]
      I appreciate the assist. Hopefully, my workaround can help someone out.

  • @foxnut6240
    @foxnut6240 2 месяца назад

    Bakwas samjhate ho

  • @syedshahzanhussainrizvi313
    @syedshahzanhussainrizvi313 Месяц назад

    After clicking when I click on any icon like orders or address it goes to correct page but my icons were removed any solution for it?