Saleor does not load product images.

[feliperosenek]

When installing Saleor via Docker on Ubuntu 20 it does not load product images.
The only changes made were to the docker-compose.yml file

• DASHBOARD_URL=http://216.238.116.173:9000/
  -ALLOWED_HOSTS=localhost,api,216.238.116.173

• MEDIA_URL=http://216.238.116.173:8000/media/

  dashboard:
  environment:
  - API_URL=http://216.238.116.173:8000/graphql/

Even making changes to the Dashboard URL, the images still have "localhost:8000".

When you click on get image link, it looks like this http://localhost:8000/thumbnail/UHJvZHVjdE1lZGlhOjM4/4096/.

When I open the link in the browser and replace localhost with my IP, the image loads, and when I return to Saleor, it is there.

Only when opening the image link on another page and changing localhost to the IP does the image load, when I go back to Saleor and reload it, the image appears.

Could it be some kind of cache error?

[bdodroid]

Seeing the same thing.
Its got to be some kind of weird cache thing because the crazy part is, like feliperosenek said, if you open the image link in a new tab and replace the url with what it should be (so replace the localhost:8000 part), the image loads and when you go back to the product page and refresh suddenly the image works just fine and is pointing to the right url.

Super weird.

I wonder if I had the correct docker-compose.yml configuration before I even loaded it the first time, would this be an issue?

[bdodroid]

@feliperosenek
Alright, figured it out.
Buried at the bottom of their Environment Variables docs: https://docs.saleor.io/docs/3.x/setup/configuration

Basically you just need to update the domain name via a grapqhl mutation. e.g:

mutation UpdateDomain {
  shopDomainUpdate(input: {domain: "216.238.116.173:8000"}) {
    shop {
      domain {
        host
      }
    }
  }
}

Headers

{
	"Authorization": "Bearer <token>"
}

you can get your token with this mutation using your dashoboard email and password:

mutation MyMutation2 {
  tokenCreate(email: "admin@example.com", password: "admin") {
    token
    refreshToken
    errors {
      field
      message
    }
  }
}

after I updated that and restarted the docker instance all my images are showing up and adding new ones started working

[muminoff]

This worked for me.

Enter into Django shell.

docker compose run --rm api python3 manage.py shell

Update site domain

>>> from django.contrib.sites.models import Site
>>> Site.objects.values()
<QuerySet [{'id': 1, 'domain': 'localhost:8000', 'name': 'Saleor e-commerce'}]>
>>> Site.objects.update(domain='your.ip.address:8000')
1
>>> exit()

Restart containers

docker compose down
docker compose up -d

Open in browser after clearing caches.

[shamim-devops]

I did the same but still getting the issue in product images.

[NotSujanSharma]

Easiest way that worked for me is to just create PUBLIC_URL env variable and assign your api base url as value.

[cong1912]

Easiest way that worked for me is to just create PUBLIC_URL env variable and assign your api base url as value.
Hello Bro What version are you using? I'm using core 3.20. but I have a same issue
please help me

[shamim-devops]

Easiest way that worked for me is to just create PUBLIC_URL env variable and assign your api base url as value.

This is helpful and it works for me.

[shamim-devops]

Easiest way that worked for me is to just create PUBLIC_URL env variable and assign your api base url as value.
Hello Bro What version are you using? I'm using core 3.20. but I have a same issue
please help me

Use https://api.domain.com/graphql a a PUBLIC_URL.