[SOLVED] Unable to add or change product and category images since upgrading to 3.0.4.0

I finished the upgrade (from 3.0.3.6) a week or so ago, and now when I try to change images in OC 3.0.4.0 where I click on the image all I get is an outline of an arrow which is unresponsive - as per the attached image. I hadn't tried editing any products images until yesterday when I discovered this issue.

I've disabled the extensions and flushed caches that seem to interact with images but that didn't help. <Was an extension I didn't expect that caused the problem!>

If I use "Add images" to insert an image, then it takes me to the image manager and I can rummage around there and select an image easily enough. It is just the inability to edit an existing image in the admin/catalog/products/edit products/image where it happens.

Same thing with editing other images in categories, etc.

PHP 8.0.3.0
OC 3.0.4.0

Thanks!

John :-#)#

Did you upgrade or install from scratch?
Have you checked your error logs?
Have you checked your web console?

Fresh install of Opencart Official Download of 3.0.4.0 with php 8.0.3.0
Product main image and additional images can be added and edited.
Category image can be added.

Issue can be replicated by failing to install from scratch and the old admin common.js not being updated.
Console Errors in log for this type of issue Fix: download the official copy of the admin/view/javascript/common.js and replace the "old" one with the correct one

by mona wrote: ↑

Mon Dec 02, 2024 10:58 am

Did you upgrade or install from scratch?
Have you checked your error logs?
Have you checked your web console?

Fresh install of Opencart Official Download of 3.0.4.0 with php 8.0.3.0
Product main image and additional images can be added and edited.
Category image can be added.

Issue can be replicated by failing to install from scratch and the old admin common.js not being updated.
Console Errors in log for this type of issue

Code: Select all

TypeError: $('[data-toggle=\'tooltip\']').tooltip is not a function. (In '$('[data-toggle=\'tooltip\']').tooltip({container: 'body', html: true})', '$('[data-toggle=\'tooltip\']').tooltip' is undefined)

Fix: download the official copy of the admin/view/javascript/common.js and replace the "old" one with the correct one

This was not a fresh install and where all the extensions were added back in. Instead it was the original 3.0.3.6 upped to 3.0.4.0.

Error logs don't indicate an issue - at least no issue with this problem. All I'm getting are warnings like:

2024-12-01 21:49:48 - PHP Warning: Undefined array key "email" in /usr/www/users/flip/catalog_oc/catalog/controller/account/login.php on line 174
2024-12-01 21:49:48 - PHP Warning: Undefined array key "password" in /usr/www/users/flip/catalog_oc/catalog/controller/account/login.php on line 174
2024-12-01 14:25:46 - canadapost_smart_flexible: Fallback to individual packing mode due to error: SimpleSameItemPacker: Cannot fit items to any box.
Packer: Item Whirlwind Main (Right) Ramp w/ Decals is too large to fit into any box.
RotatedPacker: Item Whirlwind Main (Right) Ramp w/ Decals is too large to fit into any box

And other warnings, but no crashes. Note I have an extension that emails me all warnings and errors...this problem does not generate any messages.

I'm not sure where or how to check the web console - can you please explain what you mean by that?

The common.js file was not the problem though - copied and compared it to the released 3.0.4.0 and it was identical, and replaced it anyway. Same result.

Going to run a comparison of the /admin files in my setup and the default 3.0.4.0/admin and find any differences between the core files...

Thanks for taking the time to reply and providing the good points!

John :-#)#

Re console errors
https://help.interplaylearning.com/en/h ... ify-errors

It is never a great idea to "upgrade" rather than install from scratch.
OC3.0.4.0 does not have this issue.
You can try to make sure all javascript files are correct.
You can even try to overwrite all the OC files.

Whatever you do make a back up first.

The upgrade did not work.
It is always better to install from scratch, upload all the extensions one by one making sure there are no errors and and copy over the database.
It will be much quicker and safer in the long run. Plus you can make sure that any rogue files or backdoors or rogue code is copied over. A nice clean solid site.

I did open the admin/products page in Chrome and ran the DevTools, and then looked at the console - but it was blank. I assume that meant the clicking on the existing image - which creates the empty arrow - actually did essentially nothing. Certainly no error... When I mouse over the image I get the url https://flippers.com/catalog/admin - but no image file name, if that is normal.

So I checked another extension - and sure enough, that was the problem! A media extension that wasn't happy with 3.0.4.0! And the most recent updated version still causes the same problem. I've got it from here.

I'll add <SOLVED> to the original post.

Thanks again for your time, Mona!

John :-#)#