skip to Main Content
(704) 672-5992 NEVER MONTHLY FEES ALWAYS FREE WEB HOSTING ALWAYS OPTIMIZED FOR TELEPHONES info@webfor99.com Pay or Deposit

WooCommerce Custom Profile Picture Avatar Plugin

The custom profile picture avatar for WooCommerce is a very requested feature.

I have been receiving many requests and improvements about it.

The previous code to copy and paste into the functions.php file was getting very long and complex.

Custom Profile Picture Avatar Plugin Download

So I decided to make it a plugin, with a settings page included.

So download, install, and activate the WooCommerce custom profile picture avatar plugin:

>>> woo-profile-photo.zip

After activation, you will find a settings page, here you can configure:

Custom Profile Picture Avatar Settings

Go to configurations page under General Settings-> WF99 Woo Profile Photo, and configure to your like.

-Profile Photo Location (4 options: side column, dashoboard, settings page, and side column & settings page)
-Max Upload Size
-Allowed MIME Types

Custom Profile Picture Avatar Plugin Shortcode

Also, you can display the user avatar anywhere you like. Just use the shortcode [wf99_profile_photo].
If you want to display certain width, use parameter “width”, in example, [wf99_profile_photo width=”200″].
The user has to be logged in, otherwise, the default WordPress avatar will be shown.

Note for long time followers

IMPORTANT NOTE: If you used the old code, remove it from the functions.php file before activating the plugin.
If it is your first time here, disregard this note 🙂

Show me some love!

I am open to hear all suggestions. Just send me a message or leave a comment below.

If you find this plugin helpful, please leave a review, like, follow, share my social medias, that will help me a lot.
Facebook.com/webfor99
Instagram.com/webfor99
YouTube.com

Cheers.

This Post Has 69 Comments

  1. Hi, your plugin is great! However, is there any shortcode I could use ? Would need some customization.

    1. Hello. Download and install the plugin. It is updated. Delete the other one from your website. Let me know if any issues and your feedback.

  2. This works great, but on the “my-account” screen I get ” Notice: Undefined index: upload_msg in /var/www/wp-content/plugins/wf99-woo-profile-photo/includes/functions-display.php on line 126″ when I upload a photo.

    I also have Notice: Undefined index: action in /var/www/wp-content/plugins/wf99-woo-profile-photo/includes/core.php on line 33

    and

    Notice: Undefined index: profile_pic in /var/www/wp-content/plugins/wf99-woo-profile-photo/includes/core.php on line 40

    How can I get rid of this?

    thanks!

      1. This works great now, but when I add pic to personal page (user) and log into WP Admin as admin, it’s still showing the default gray. How can Admin see the profile picture under either “customers” or “users” page?

        thanks again!

        1. Hi there,

          When the profile photo is uploaded as the customer in the front end, i.e. like this:
          https://snipboard.io/89w0Mz.jpg

          And then you login as admin and go to the user backend page, the profile photo appears like this:
          https://snipboard.io/Tudr41.jpg

          If it is not behaving like this, try to disable other plugins and test it with a default WordPress theme such as twenty twenty one and see how it goes. Keep me updated.

          Cheers

      1. Great – just sent you $20!

        Thanks for making this, works like a charm!

        Only small issue I noticed is the page redirects to woo ‘acct details’ page (change email, pass, etc) after successful photo update. I have the form on the ‘dashboard’ page so ideally it’d just bounce back to there 🙂

        1. Hi Michael, Thank you so much for the love, it helps a lot!

          I will check and get back very soon.

  3. Hi there, i am trying to implement your plugin on the checkout or order received page.

    Any suggestions?
    Thanks

    1. Hi, it currently works automatically for the WooCommerce my-account page.
      For other locations, it could be accomplished with a shortcode.
      But I don’t have an ETA for this.

          1. No problem, I have extended your functionality to get it working on the checkout page. Happy to assist you where ever if you need any assistance.

          1. Hi,

            Thanks for the amazing plugin. I would like to add avatar to checkout page. can you please send me the Robin version who made changes to your plugin. You mentioned in one of your comments that it could be accomplished with a shortcode. Can’t wait to hear from you. Thanks.

          2. Hello. Download and install the plugin. It is updated. Delete the other one from your website.
            You can use this shortcode: [wf99_profile_photo]
            Let me know if any issues and your feedback.

  4. Hi

    I am trying your plugin for the WC profile as I don’t allow users to have access to the wp dashboard the WC profile MY ACCOUNT page isthe only place where a profile image can be changed.
    Your plugin allows that to happen in the Edit-Account page but it doesn’t display on the dashboard image at all.
    The website needs u to be loggin to view the avatar in the my accounts page and the my accounts link is in the footer section only..
    the login details are as follows
    USERname — Demo Account
    Password — demoaccount

    You can chage the image if you like .

    I am using the Gravatar option in the wp settings but have tried other options with no avail either.
    Not sure which code to delete in functions file if one needs to be deleted as I presume this suggestion was based on older users first attempts.

    If you help it would be great otherwise I will need to find another plugin that can do this (if there is one).
    Happy to donate generously if it all works well and the avatar follows the dashboard user profile as it should.

    I change the demo password frequently every week so if you get this and you can’t login please email me for the new password.

    Cheers
    Phil

    1. Hi Phil. The login for your site was not working.

      Anyway, first of all, re-download and re-install the plugin, as I made some minor updates.

      Then, go to settings->WF99 Woo Profile Photo, and play with the option “Profile Photo Location”.
      I added an option to place the profile photo and upload/edit button in the Dashboard.

      Let me know if that helps.

      Cheers

    1. I made the code a plugin. Remove the old code from the functions.php file and install and activate this plugin. There is a settings page also.

    1. Yes you can. I made the code as plugin. Remove the old code from the functions.php and install and activate this plugin. There is a settings page too.

    1. I finally wrote the code as a plugin. Just download, install and activate the plugin. Go to the settings page and play with the setting if you need to. Remember to remove the old code in the functions.php file before activating the plugin. What errors are you receiving?

    1. I finally wrote the code as a plugin because it was getting long and complex to copy and paste into the functions.php file. Just download, install and activate the plugin. Go to the settings page and play with the setting if you need to. Remember to remove the old code in the functions.php file before activating the plugin.

  5. I am trying to place the display in the right column where I have all edit form fields in the left. How can I do that?

    1. I have written the code as a plugin because it was getting long and complex to copy and paste into the functions.php file. Install and activate the plugin. Go to the settings page and you will find an option “Profile Photo Location”. Remember to remove the old code in the functions.php file before activating the plugin.

        1. I finally wrote the code as a plugin because it was getting long and complex to copy and paste into the functions.php file. Just download, install and activate the plugin. Go to the settings page and play with the setting if you need to. Remember to remove the old code in the functions.php file before activating the plugin.

  6. Very helpful thanks!

    I was just wondering is there is a way to limit the max upload size to a specific size (like 3MB or something). Because right now I can upload very large images because the wp_max_upload_size is quite high.

    Thank you!

    1. In the code above, search for “wp_max_upload_size()”, and replace this by your desired limit.
      (In example 50000 for 50Kb)

      1. Hello! I tried it but it doesn’t work, I put it like this:

        if( $profilepicture[‘size’] > 5000 )
        $log->add(‘custom_profile_picture’,’It is too large than expected.’);

        But it didn’t do anything. What did I do wrong?

        1. Hello, it took me a long time but I finally wrote the code as a plugin. Just download, install and activate. Go to the settings page and update the Max Upload Size. Remember to remove the old code in the functions.php file before activating the plugin.

  7. Wow! fantastic…. working without any extra effort..
    But here I have a issue such as when customer posted own review on product page, his/her profile pictures are not showing. How to fix it?

  8. I get a fatal error with the latest code.

    There has been a critical error on this website. Please check your site admin email inbox for instructions.

    Maybe its me though?

  9. Hello All. I finally had a chance to check this code. Now it should be working good. Check and let me know. Cheers.

  10. Can you make this picture show up on the dashboard page? Right now it only shows up on the “Edit Account Details” page. Can we make it show on the dashboard without the delete/edit options.

  11. Thank you for this. It works well in the “Account Details” area. It allows me to add an image and delete it. However, unless the user goes to the “Account Details” area, this photo is not shown anywhere else. Is it possible to have this image shown top of the “My Account” page. As shown in this screenshot: https://i.ibb.co/0yk6SNS/myaccount-s.png

      1. Thank you for making this update. Is it possible to hide the “Choose File” button and the “Upload” button from the “Dashboard” section, while keeping the image as you have it in there? Then have those two buttons only show up under the “Account Details” page as shown in this image: https://i.ibb.co/8BgrYWR/update.png

  12. Same here – works great , but it doesn’t seem to save the avatar to the user profile. once de-activated the avatar is lost. still only display the default place holder avatar.

  13. Anyone has this problem?

    First of all, Thanks!!! Everything works fine.
    But after upload the image, it still show the default avatar instead of newly uploaded image.

  14. Hey,

    This works really well! However, it doesn’t work on mobile (Android or iPhone). Any clues?

    thnks!

Leave a Reply

Your email address will not be published. Required fields are marked *