Pi-hole's shop images are failing, why?

General Off topic
1

When I visit pi-hole’s shop, their images are not showing up, and I see ‘(failed) net::ERR_BLOCKED_BY_ORB’ – I have no idea what this means.

{
  "errors": [
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2023/07/black-glossy-mug-black-15oz-handle-on-right-64bb0ded5b7d6-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    },
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2022/01/enamel-mug-white-12oz-left-61dfb00ca3d71-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    },
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2023/07/white-ceramic-mug-with-color-inside-black-15oz-left-64c459bba3aa2-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    },
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2023/07/shaker-pint-glass-16-oz-16-oz-front-64bd008212037-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    },
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2022/01/stainless-steel-water-bottle-white-17oz-front-61e05e9f9670e-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    },
    {
      "url": "https://wp-cdn.pi-hole.net/wp-content/uploads/2022/01/white-glossy-mug-11oz-handle-on-left-61dfafd87c3ae-768x768.jpg",
      "status": 404,
      "contentType": "text/html; charset=UTF-8"
    }
  ]
}
2

What happens if you disable Pi hole in the webinterface and reload the pihole site ?

Here the shop picture are shown properly.

3

I saw the same issue (missing images), but it was temporary.

After a few reloads they appeared.

4

Same issue.

5

I understand. Figured I would let you guys know. I was trying to look it over, but it was not showing the images and still isn’t, even when the cdn and website domains being whitelisted.

6

This is not a blocking issue caused by Pi-hole.

Apparently the browser is blocking the images (ERR_BLOCKED_BY_ORB).

Can you access the image via direct link?

7

I do use Brave browser, but I have the shield disabled on your website. I will look into this more and see, but I am not sure what else I can do on my end, but I am willing to try testing more things.

I have also disabled the pi hole for 30 seconds to test the website out, and I still had the same issues. I will test the website in Firefox and see if it works.

8

I can confirm this is me with the problem. I wonder if this is brave, doing it? Hubby has Chrome, and it works for him, and we are both using the same pi-hole.

9

I noticed that some images don’t load in Firefox.

Example:
https://wp-cdn.pi-hole.net/wp-content/uploads/2023/07/black-glossy-mug-black-15oz-handle-on-right-64bb0ded5b7d6-768x768.jpg

Firefox tries to fetch the 768x768 version, which returns a 404.
In Chrome, a different size is selected and displays fine.
When resizing the browser window size, the 300x300 version loads correctly.

Looks like the 768x768 variant might be missing or not generated on the server.

1 Like
10

Yeah... apparently the theme, or some plugin or config is generating code to load 768x768 images, but they don't exist. This is not a big issue if some image is shown.

Currently there is nothing I can do about it because I don't have access to the website theme. Probably @DanSchaper or @PromoFaux will need to check the images.

Are you still not seeing the images?

11

Honestly, I'm surprised when I see an order come in for the shop. It's in quite a messy state right now and I haven't had time to essentially redo the entire setup.

13

I placed an order, bought two mugs, but I won’t lie, it was not a pleasant experience. But I pushed through to help support your project. And the images are still broken. What tsutsu3 said is also true for Chromium users.

14

I'll attach the image here for reference.

pi-hole-shop
pi-hole-shop1833×1031 231 KB

1 Like
15

I can confirm that I see the similar thing on my end as well.

16

What happens if you change the page Zoom on your browser?

Does the image shows up?

1 Like
17

I checked my Firefox settings and found that the default zoom level was set to 110%.
When I reduced it to 100% or lower, the image displayed correctly.
The same issue occurred in Chrome — the image doesn’t show up when the zoom level is above 100%.

100
1001231×783 126 KB

110
1101231×783 32.5 KB

18

Do you use Brave at all? And did you test this on the Brave browser? I know for me, no matter the size, I still cannot see the images. And this is with the shield off.

Edit: Well the images do show when I zoom to 25%. But once I hit, I believe 50% is when I run into issues again.

19

As I suspected, this is just an issue caused by some images missing on the server.

The HTML <img> tags are using srcset property to load specific images depending on the screen size, but some images are missing.

I don't have access to this server, but some one will fix this when we have the time.

Thanks for reporting.