BuddyPress.org

It was v2.9.3.

I have just found that the previous developer had modified a core file:

Line 603 in /bp-core/js/avatar.js (& avatar.min.js):

// Add the cropping interface
			tocrop.Jcrop( {
				onChange: _.bind( self.showPreview, self ),
				onSelect: _.bind( self.showPreview, self ),
				// CUSTOM CODE START
				// THIS ALSO NEEDS UPDATING ON 'avatar.min.js' !!! //
				aspectRatio: 1.72817,
				// CUSTOM CODE END
				/* CUT SECTION
				aspectRatio: self.options.aspectRatio,
				*/
				setSelect: [ crop_left, crop_top, crop_right, crop_bottom ]
			}, function() {
				// Get the Jcrop API
				bp.Avatar.jcropapi = this;
			} );

I re-applied this modification to avatar.js and avatar.min.js but it did not resolve the issue.

Any ideas?

Yes, not least because the dimension of the image is important for better results, according to the guideline:
“For better results, make sure to upload an image that is larger than 720px wide, and 225px tall.”

The users are not nerds, why not help them by showing a cropping tool, so they can choose which part of the image they want displayed within this dimension?

Hi David, the problem is you can’t select which part of the larger image is displayed when you can not crop it yourself.

Disabling cover images leaves a gray box where the image has been, this is not what you want.

Regards

Hello my brother not really but I manage this with the method bp_core_avatar_handle_crop () which produces me a satisfactory result. So you can use it.

Hi man , the Buddypress version i use is 2.9.0 and this problem is about every images. Its working but the cropping image tool is very very small, just 1×1 or 2×2 pixels, so its unusable for users.
I dont think the issue is about images,
so what can i do?

@r-a-y a ticket for this issue with WP Rocket is active on WP Rocket’s GitHub: bug report for broken BuddyPress profile cropping

It appears the issue is CDN rewrite by WP Rocket. I’m going to ping the ticket assignee to see if they’re making any progress.

Do you want to lend a hand to the WP Rocket people, if they need the help? (Maybe it could get this done sooner. The ticket has been open for more than 3 months!)

@r-a-y OK I figured out the problem. It’s with WP Rocket plugin. I have been trying to configure WP Rocket so it doesn’t cache or add performance options but haven’t been able to fix it yet. I tried excluding pages from cache. I’m using WP Rocket 2.10.6.

@autox420 thanks for the suggestion. For some reason my localhost copy with WP Rocket running doesn’t break Buddypress croping. But does break it on my live site.

@r-a-y I’ve tried quite a few files, most recently the name was “a.jpg” and “a.png”

I tested 2.9 beta and it didn’t fix the issue.

I updated my localhost dev site to PHP 7.1.7, with all the same plugins running, including BuddyPress 2.8.2, and image cropping worked. But it still isn’t working on the live site.

The only plugin I’m using that’s dependent upon BuddyPress is ‘bbp buddypress profile information’

The bbPress pluings I’m using, besides bbPress 2.6.rc-3 and the profile info plugin, are bb Style Pack and bbPress Move Topics

Thank you for the reply.
Unfortunatly thats not what i was trying to do.
Here’s what iv done so far.

I created an empty file in /kleo-child/buddypress/members/single and named index-action-change-avatar.php

in /kleo-child/buddypress/members/single/index-action-change-avatar.php i’ve copied/pasted the content of the bp-templates/bp-legacy/buddypress/members/single/profile/change-avatar.php template.

added get_header(); before the pasted content and get_sidebar(); & get_footer(); after it.

I then copied the code fron change-avatar.php and pasted it to my newly created page(Avatar Upoload).

it works but it has some template issue.

not sure how to fix that yet but im still searchng, the actual upload and crop part im sure to have issues to sort out there as well.