Product images are not showing

[venkat402]

Bug report

On production, images are not loading
I followed the bellow site instructions
but still not resolved the issue
https://forums.bagisto.com/topic/188/broken-image-logo-in-bagisto-with-causes-and-solutions

Issue Description

on landing page

same on description page

Description helps the developers to understand the bug. It describes the problem encountered or some after effect of some kind.

Preconditions

Please provide as detailed information about your environment as possible.
I run all the commands bellow but still the issue not fixed at
composer update

php artisan cache:clear
php artisan view:clear
php artisan route:clear
php artisan clear-compiled
php artisan config:cache

composer dump-autoload
php artisan vendor:publish
php artisan storage:link

rm public/storage
php artisan storage:link

[rahulshukla-webkul]

Hi @venkat402

Kindly clear your browser cache once, because we can see images - https://prnt.sc/qtdp68 and https://prnt.sc/qtdq4d.

[venkat402]

Actually I fixed the issue by removing my custom package from the webkul packages
When I remove
"Webkul\SMS\": "packages/Webkul/SMS/src"
from psr-4 composer.json then it works fine
else
it is failing to show the images

[nguyenndn]

@rahulshukla-webkul , @jitendra-webkul
I'm trying a clear cache browser many times, but I still get an error.
Why 'cache/small' or 'cache/original' or 'cache/medium' on URL image product?. I see the image uploaded on the Storage folder. Why we need 'cache/small/product' instead of 'storage/product' ?
Thanks.

[venkat402]

Hi, @keeloren
'cache/small' or 'cache/original' or 'cache/medium'
is for minimising image script for different screen lengths.
And getting over to this issue
In root run the bellow command
php artisan config:cache

[nguyenndn]

Hi @venkat402 , I'm using docker.
run php artisan config:cache.

but still gets an error.

where is 'cache/small' and why it includes to URL image :(

[rahulshukla-webkul]

Hi @keeloren

Please follow the given link for solution - https://forums.bagisto.com/topic/188/broken-image-logo-in-bagisto-with-causes-and-solutions

[nguyenndn]

HI @rahulshukla-webkul , I try to run that command on the link solution. But it does not work :((

[rahulshukla-webkul]

Hi @keeloren

Do the following things, from the root of your directory -

cd public

unlink storage

cd ..

php artisan storage:link

Thanks

[nguyenndn]

Hi @rahulshukla-webkul,
I follow this, but nothing has changed. So sad .
I spent a lot of time on this and wish to fix this. Thank you.

[nguyenndn]

In the Storage folder, I do not see the folder 'cache', or 'large'. But why 'cache/large' have been include URL image?

[rahulshukla-webkul]

Hi @venkat402

Actually we are caching images in three different sizes.

Can you tell me , whats is your APP_URL in .env file ?

Is that - localhost::9000 or not.

Thanks

[nguyenndn]

HI @rahulshukla-webkul @venkat402 .

My APP_URL = http://localhost:9000

Please tell me to know where the folder has caching images in three different sizes? Thanks.

[venkat402]

Change APP_URL =http://localhost/project_name/public/

[nguyenndn]

Hi @venkat402 @rahulshukla-webkul
I solved it. Many thank for support :)

[MothanaDo]

Hi @venkat402 @rahulshukla-webkul
I solved it. Many thank for support :)

how u r solve it :(

[riwash]

php artisan storage:link this every time if u move folder it work or u can change upload image file location to public

[farshadff]

@riwash no i tried that this didnt solve it for me

[chiendv]

Hi,
I get stuck in this error when running Bagisto with nginx and reserve-proxy (client -> proxy(port 80) -> nginx (port 83) )

Nginx is running at port 83 and root is point to bagisto public directory.

APP_URL=http://domain.com

php artisan storage:link said
The [/var/www/html/xxx/public/storage] link has been connected to [/var/www/html/xxx/storage/app/public].

images are good in admin but not show in frontend.

any help please!

[devansh-webkul]

Hi @chiendv,

There are possibly only two reasons,

• First, either your APP_URL is not correct in .env file. Just change that and run php artisan optimize.
• Second, the GD extension maybe not be installed as mentioned in the docs because in Bagisto we are using the Laravel intervention package which optimizes the image.
  https://devdocs.bagisto.com/1.x/introduction/requirements.html#php-extensions

[chiendv]

Hi @devansh-webkul,
Thanks for you quick response.

I has resolved it by check config of nginx and comment out config lines for cache static files

        #location ~* \.(jpg|jpeg|png|gif|ico|mp3|mp4|mov)$ {
        #       expires 30d;
        #}

Hope it can help other people with this kind of issue.

[merdiano]

Hi @devansh-webkul,
Thanks for you quick response.

I has resolved it by check config of nginx and comment out config lines for cache static files

        #location ~* \.(jpg|jpeg|png|gif|ico|mp3|mp4|mov)$ {
        #       expires 30d;
        #}

Hope it can help other people with this kind of issue.

what if i want to cache statick files?

[devansh-webkul]

We are using the default Laravel configuration and mostly these are cached. If you need to customize you can feel free to do it at your instance.

[williamagyapong]

I was happy when I found this discussion after running into the same issue of products images not showing, however, none of the suggestions given here does seem to work for me. Any other help will be greatly appreciated. Below is a screenshot:

[chiendv]

@williamagyapong
First of all, check and make sure that upload process is working well and your files are uploaded to storage directory.

Second step is check for configs of nginx and try to comment out unnecessary lines and reload nginx

Last step is follow document to re-link storage directory.

[williamagyapong]

Thank you for your suggestions. Everything started working fine after I followed the installation guide here to install a new instance of the bagisto app.

[LawrenceAmo]

I got this error, and there was no solution at all.
I tried to solve this the whole day.

To solve it, go to your .ENV file, and in APP_URL, add the URL and port like this (APP_URL=http://localhost:8000)
it worked for me...

Thanks

[Sanjaybhattwebkul]

Hi there,
Pease raise a ticket Here, i will guide you over the ticket. i need to check on your instance.

[LawrenceAmo]

Nah! I solved that problem. Thank you...

[Sanjaybhattwebkul]

Hi there,
Thanks for update, if still you have any query then please let me know and feel free to raise a support ticket.

[MusheAbdulHakim]

Is there any real answer to this issue at all?. I have try all the above and the images are still not showing in the frontend side. but is displaying fine in the admin panel.
APP_URL=http://localhost/mushe-commerce/public
I have run the following commands:

php artisan config:clear
php artisan view:clear
php artisan route:clear
php artisan cache:clear

I have also try deleting the storage folder in the public folder and relink the folder with
php artisan storage:link
Still nothing has change.

Any ideas on how to fix this.

[Sanjaybhattwebkul]

Hi there, Please follow the below steps for the resolved the issue.

1. cd public
2. unlink storage
3. cd ..
4. php artisan storage:link
5. Remove the cache folder inside the bootstrap in your root directory.
6. Create a cache folder inside the bootstrap in your root directory.
7. php srtisan vendor:publish --force
8. Press [27] and Enter.
9. Go to velocity and refresh the page.

[MusheAbdulHakim]

I am still having the same issue.

[Sanjaybhattwebkul]

Hi there,
Make sure the APP_URL should be correct in your .env file.

[MusheAbdulHakim]

I have switch between different options for the APP_URL value but it didn't work either

[Sanjaybhattwebkul]

Hi there,
Please raise a ticket Here, i need to check on your instance.

[Davronjuraev]

Hi, guys
i see, this issue not closed yet.
if all above solution not worked try this one:

GD Library extension not available with this PHP installation - thats why is not showing.
You need to enable extansion.

using xampp apache server.

Go to php folder in xampp and open the php.ini and php configurations settings file, and change the line ;extension=gd2 or the line ;extension=gd to just extension=gd2

For Ubuntu you should install it manually:

PHP7.4: sudo apt-get install php7.4-gd
PHP8.0: sudo apt-get install php8.0-gd
PHP8.1: sudo apt-get install php8.1-gd

Others are same to installation or Enable.

Restart all your Services like Apache etc.

Good Luck. And thanks for Developers Bagisto

[devansh-webkul]

Please refer here,
https://devdocs.bagisto.com/1.5.x/introduction/requirements.html#php-extensions