BuddyPress.org

Hello, Per my previous post, I asked my host to see if the auto install of WP file permissions were off and to break the cropping. Per below, it looks as if I am missing a file or directory. Might someone be able to tell me how to recreate/add what seems to be missing. Thank you.

FROM THE HOST:

Thank you for the provided information.

I have tried to debug the process and found the following in the log, right after the crop:
Code:
access(“/home/sitename/staging/2/wp-content/uploads http://staging2.sitename.us/wp-content/uploads/group-avatars/1/sgwhite-450×131.png”, F_OK) = -1 ENOENT (No such file or director y)

It seems the path for the file is incorrect when it tries to access the finished product.

I will try to debug some more, but it seems it is a problem with the plugin code rather than an issue with our environment.

It is best to approach the plugin developer regarding this issue.

Best Regards,
Technical Support Team

Hello, I am having the same challenge. I cannot crop/upload a group avatar profile image. Switched from KLEO theme to 2014 and all plugins are off. Might there be other solutions? Thanks!

@labsupplyorg –
Topics? You mean like bbpress forums topics? What do you mean exactly by “topic pages”?

I would..
check your permanlinks perhaps? go there, note what they are.. change them to something else.. save.. then change back.. save again..
May not be related, but on one of my sites this similar issue crops up every other time I update rtmedia plugin for some reason.

Does this happen if you disable other plugins?
Does this happen with the default twenty-fifteen or 2014 theme?

How to customize “profile/change-avatar/” page?

I have used “index-action-change-avatar.php” template, but javascript is not loaded and you can not crop image by your needs. I have copied all the content from /profile/change-avatar.php default buddypress template directory.

Thank you.

@meeekz – Is the “jcrop tracker” something that is standard part of buddypress or something that your theme / or other plugins is handling?

re “believe this is an aspect ratio issue” – I was under the impression that bp wanted the image to be cropped in a perfect square, and that there were modifications to make what was displayed circular like you are doing – but the standard bp expected a square image as the base (?)

with one of your members I see that your theme is doing this kind of class on the avatar:
class=”modified avatar” height=”80″ width=”80″>

yet the image itself is somehow 80×53

not sure how you got the image to be those dimensions – using the standard bp avatar uploader / cropper thing?

I still have the problem reported here with the last buddypress version 2.3.2.1.

If I download the profile photo from my buddypress instance (150x150px) and than re-upload it to buddypress, resize it the the fullsize the following error message will be displayed:

“There was a problem with cropping the profile photo.”

hi @chilligrower,

i’m unable to reproduce your issue with P2 Categories. Out of the box installed, and avatar upload and cropping are working correctly.
The only thing i see, is that the drop area may need a little width adjustment. A percentage of 98% will show the right border.

Default css
.drag-drop #drag-drop-area {
display: table;
height: 100%;
width: 100%;
}

See screenshot

Please don’t double post the same question.

This was answered here:
https://buddypress.org/support/topic/how-can-i-change-the-cropping-size-in-profile-page/

Topic closed as duplicate.

Searching for code needs a correct search tool. Use Notepad++ and you’ll find 48 occurence to avatar-crop-pane !
The first of them is in buddypress/bp-core/bp-core-cssjs.php
Another one is in buddypress\bp-core\css\avatar.css

But you haven’t to hack core files. All you have to do is to create a child theme from where you can adjust CSS to your need.

Codex is your friend ! If you accept to read…

The cropper fits automatically to the defined width and height.
The idea behind these functionality is to adjust an image, not the cropper.

If you fix 20 px, the tool will crop to 20. If you fix 600p, the tool will crop to 600.
Also, the BP cropper is only used for profile, group and blog photo. Avatar default size is 50px, rarely over 150.

hi @brianbws

Here are some advices :
1/ I wouldn’t “mix” a cover photo into the avatar UI, it’s not the same need
2/ I would create a new profile tab “Change cover photo”
3/ From there, i’ll use a regular upload/crop experience or build a new UI using Backbone like i’m doing in the next version of this plugin https://github.com/imath/buddydrive/tree/1.3 > follow the buddydrive_editor() function to see how to do this.
4/ I’ll extend the BP Attachment class > the codex page should help you.

To extend the avatar UI, you can have a look at the plugin BP Avatar Suggestions 1.3, i’ve updated it to add a new tab to the UI because : it is to set an avatar 🙂
This plugin also creates an upload UI and extends the BP Attachment class.

I think watching the codex page, the 2 plugins, will help you. Bye.

Probably you are not able to change the profile picture due to pixels issue. Most of the sites request to upload the profile pic in 100X to 200X pixels and no matters how you further crop it.

You may like have a look at the photo uploaded in the about us segment of this site linked: Aadhar Card

I could reproduce the error.

For me the error only happens if the uploaded image is too small.

My profile photo on my PC has the size 150x150px.
I resizede it to 1500x1500px.
I uploaded the big profile photo.
I set the cropping to use the full image.
I pressed the button to crop the image.

Surprise ==> Now it worked.

Very strange!
(1) Uploading my small image and cropping to use the full image leads to the cropping error.
(2) Uploading my big image (resized from the small one) and cropping to use the full image does not lead to an error.

@rebekahmeuir Just helped someone who had an issue with cropping the image as well. The issue there was that the jQuery files needed were not enqueued for some reason. Could you check the source code of your webpage and see something like this is in the source ….jcrop/jquery.Jcrop.min.js?ver=0.9.12 ?

@loralai Could you please provide more information about your installation like:
– WP/BP versions?
– Where are you hosted?
– If you change to the WP Default Theme and deactivate all plugins except BuddyPress, can you crop the image then?