After migration: images are not written to cache any more.

Beaver Builder
1

Dearest Beaver team,
I have been working on this the whole day and I’m going crazy. I have migrated a site to a new domain like I have done a million times (almost) before. I tried both BackupBuddy and Duplicator.

After migration I ran into a few problems (will elaborate if you want me to) but fixed those by replacing some URLs to the dev site that were still in the database. That fixed the first batch of problems. Now there’s one remaining issue that I can’t fix.

I have some images cropped to circles on that site. After migration everything looks good UNTIL I try to edit one of those images. In SOME cases that leads to the images looking like eggs.
Egg

After further investigation I noticed that the uploaded image from wp-content/uploads was used and not - like it should - the cached and cropped image from wp-content/uploads/bb-plugin/cache.

Seems like all the images that SHOULD be modified (cut to a square) and moved to that cache folder are not! So I thought the path to the cache folder was somehow corrupted. But when I look at it via FTP I see css and js files that constantly change and are constantly generated. Also when I empty the cache via BB options, it removes all those css and js files.

Do you have any idea how I can fix this? (For now I uploaded pre-squared images so I don’t need the cache but I want to change that if possible).

Thank you very much for any help and I really love beaver builder!

2

Hey Anja,

Do you mind sharing the URL of the page where we can see the issue so we can check?

Ben

3

Hi Ben, thanks for answering.
Site just went online. Funny thing is the customer suddenly didn’t like the circles any more and I went back to regular.
But still… I made a hidden page for you so you can see the issue:

Hidden Egg-Head page

Usually, that image would be cached as image-name-circle.jpg or something but it isn’t. So it just uses the standard instead.

Does that help you or do you need anything else?
BTW: I put full 777 rights on the cache directory in case it was a permission thing but that didn’t work out…

THANK YOU AGAIN
Regards
Anja

4

Hi Anja,

So I understand correctly, you do not want your images to have the egg shape styling?

If that’s the case, your issue isn’t cache related I don’t believe, but to custom CSS you have added.

The image on the page you linked above, has the following class name fl-photo-crop-circle which is applying the following custom CSS.

.fl-photo-crop-circle img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

If you remove the class from the image, it will return the image back to it’s original shape - https://cloudup.com/chNTIqs-T16

If I have misunderstood, I apologise in advance.

Thanks,
Danny

5

Hey Danny,
thanks for your answer but I think you indeed misunderstood. Which could be because English is not my mother language.

I will try to clarify:
USUALLY, when I upload an image in portrait size and select “crop circle”, BB generates a perfectly square version of that same image and writes it to it’s cache folder in wp-content/uploads/bb-plugin/cache and calls it my-image-circle.jpg

Cache on my working site looks like this
orking BB cache

THAT’s why you can even select portrait oriented or landscape oriented images to be cropped as a circle. Becaus the ingenious BB generates a square version first and THEN applies the css you provided.

In my case, this doesn’t happen any more. The square versions of my images are not generated any more and written to the cache folder. So the css is used on the original version, the portrait. That is why it looks like an egg.

Took me many hours to understand what should happen and what doesn’t happen on my broken site.

So on the site that’s not working (it was migrated from the dev site), only css and js files get written to the cache and not images. So it tells me that BB knows WHERE the cache folder is but for some reason will not generate the images. I’s also not a permission thing as I tried changing permissions to 777 and it does write css and js files after all.

I guess something must have broken on migration but I can’t figure out what!!!

Thanks again for taking your time and sorry for the inconvenience.
Anja

6

Hey Anja,

Can you try deleting those files manually? The builder should regenerate those images so long as there’s a module using the image with the crop option. I’d suggest taking a backup of the images before doing so, just as a precaution. :slight_smile:

Ben

7

Hi Ben,
I did delete everything in cache … there weren’t any images, like I said … it doesn’t generate the images.
But don’t worry. As long as this is the only site I have this problem it’s fine with me. Everyhting else seems to work and the customer changed his mind about the circles because he wanted to see the guys’ hairdo! :wink:
So let’s close this ticket and hope this was a unique case.
Thank you all for your time and efford! !
Anja

8

Gotcha! It was probably caused by a botched migration since you had to fix a few other issues as well. Definitely let us know if it comes back up again so we can check further! In the meantime, enjoy BB! :slight_smile:

Ben