How to troubleshoot ‘Error loading’ with custom PNG files?

Hi thenych,

your feedback is very welcome.

Is the self created image shown at the configuration page of the plugin? What is the used shortcode? The error output will be shown if the referenced image is missing.

Without any further information I guess you just used the images name. But images inside the custom images folder have to be used with a ?prefix“ which gives the plugin the hint on where to search for the image. You can see the name to be used within the config page.

Looking forward for your feedback.

Hi Chasil,

Yes, the created image files are showing up as default options to select in your plugin settings. The thumbnails are showing up the same way in the settings: “error loading” I followed your instructions to create sized files in the folders inside your default /wp-content/cusri. I matched the pixel sizes to the formats that were used in your 01.png

Are there any specific ways the png files need to be created? I tried both png-8 and png-24 (created through Adobe CC)

Am I supposed to change permissions for your default folder for this to work? I noticed another thread mention wordpress protection. I am using Wordfence Security. Hoping this isn’t the cause of it.

Your plugin works fine to display stars using shortcode. I am just struggling to show a custom image.

I don’t think it’s because you made the images the wrong way. If you “made them wrong” they will possibly look bad but will be shown.

Please try to copy one (or all) of the pre given images into the cusri folder and check if they will be shown. If your image is the problem the others should be fine. If not, it’s not because of the image.

It is possible that security features block somehow this subfolder to be used for processing. You can try to set the permissions to 777 and check if it helps. If not the security plugins can simply deny processing these files even if they can be listed by the plugin.

What should always work is to push the custom images into the standard image folders. The bad thing about that is that they get deleted if you update the plugin. But if nothing else works I would do it that way and in case of an update upload these images again. You also could try to move the cusri folder to where security plugins won’t have an effect.

There should be PHP logging inside your webservers logfile. Open the URL and check the logfile for entrys at that time (check a few seconds earlier and later because of possible time differences between client and server).

UPDATE: Seems like there is a bug within the plugin. Have to do some more testing.

• This reply was modified 5 years, 10 months ago by Chasil.

OK, here we go…

About the mentioned bug: The images from the cusri folder are not shown inside the config page because of a missing statement I was able to fix. Now I can see the image. I will commit the fix soon. Just the preview is bugged.

About your problem: I was able to open the correct URL so your image is shown correctly (see: https://catjacked.ca/wp-content/plugins/universal-star-rating/includes/image.php?img=cdaphne-paw.png&px=40&max=4&rat=3.5&folder=cusri). The last part of this URL will only be added if the shortcode is correct (that’s why I asked for it). Otherwise the &folder=cusri part is missing and the plugin searches for the image within the standard images folder.

If I am right your shortcode looks like this: [usr 3.5 img=”daphne-paw.png”]
But it should look like this: [usr 3.5 img=”cdaphne-paw.png”]

Hope it works for you.

Thanks for your help!!
I hope the time spent troubleshooting was not wasted.

addendum:

I was playing around with your shortcode. When I’m using the custom images I am only able to get them to successfully output when I add all the variables. It seems I can’t rely on the defaults!

[usr 3.5 img=”cdaphne-paw.png” addtext=”paws”] does not display on page. Displays on reload for a split second then disappears.

[usr 3.5 img=”cdaphne-paw.png” size=35 text=false tooltip=”true” max=4] This configuration works!

[usr 3.5 img=”cdaphne-paw.png” size=35 text=true tooltip=”true” max=4 addtext=”paws”] This does not work

There seems to be a glitch when trying to display the text (3.5/4) on custom images

Edit:
[usr 3.5 img=”cdaphne-paw.png” size=35 text=”true” tooltip=”true” max=4 addtext=”paws”] Does not work
text=”” does not seem to work with the quotes (as per description in shortcodes settings)

It continues to work when I remove tooltip=”true” from the shortcode

• This reply was modified 5 years, 10 months ago by thenych. Reason: additional testing

I will test all these codes with my test machine. Have a page set up with all possible combinations and will try it with a custom image. If it‘s bugged we‘ll find out and fix it.

What webserver and PHP version do you use?

Thanks for the details!