Skip to Content
Dette spørgsmål er blevet anmeldt
3 Besvarelser
831 Visninger
Avatar
BloomOn Design Agency

Hi everyone,

I'm experiencing a frustrating issue with product images on my Odoo website:

  • When I upload media images to a product via eCommerce > Products, they appear correctly in the backend and show up as thumbnails on the product page.
  • However, when clicking on the thumbnail, the image viewer opens a blank space (no full-size image appears).
  • There’s also a JavaScript error in the browser console: 
    javascript
    CopyEdit
    TypeError: Cannot read properties of null (reading 'ride')
at Carousel._maybeEnableCycle...
  • I removed all my custom code (CSS/JS), and the issue persists.
  • Images work fine if added directly inside the product description area.

Does anyone know what could be causing this? Is this a known issue with a theme, a carousel bug, or a media viewer component?

Avatar
Kassér
Avatar
charlie brown
Bedste svar

It looks like the product images are only showing as thumbnails and not opening in full view. This could be due to a theme issue or missing image viewer settings—try switching to the default theme and checking the website editor's customization options. 


Avatar
Kassér
Avatar
BloomOn Design Agency
Forfatter Bedste svar

Thanks a lot for your detailed answer!

I wanted to add that I’m currently using Odoo 18 Online Enterprise, so I assume many of the issues you mentioned (which were common in Odoo 16) may have already been addressed or patched in newer versions.

That’s why I’m wondering if this could be a configuration issue or a specific change in how Odoo 18 handles product media.

Here’s what I’ve tried so far:

  • Switched to the default theme (theme_default) to rule out any theme-related JS issues
  • Re-uploaded images using both file upload and URL methods
  • Confirmed all images load correctly in the browser’s Network tab
  • Tried removing all extra images and re-adding just one image
  • Checked that the backend shows the media properly
  • Used Studio to add test fields, but the frontend still shows an empty carousel

At this point, everything looks good on the backend, but the carousel remains empty on the frontend, even though the browser downloads the images just fine.

Is it possible that Odoo 18 Online changed the behavior or structure of how product media is rendered in the website carousel?

Or maybe there's a setting or migration step I missed when setting up the webshop?

Any further help or updated suggestions would be greatly appreciated! 🙏

Thanks again for your support!

Avatar
Kassér
BloomOn Design Agency
Forfatter

Hi again,

Thanks for the helpful suggestions earlier. Unfortunately, I’m still stuck with this issue and would truly appreciate any further guidance.

To summarize:

I’m on Odoo 18 Online Enterprise.

I’ve already tried switching to the default Odoo theme (theme_default) to eliminate theme-related issues.

I’ve re-uploaded media images (via file and URL), and confirmed they show as thumbnails in the product page.

However, when I click on a thumbnail, the full-size image does not appear—just a blank viewer.

The browser console still shows this error:

javascript
Copy
Edit
TypeError: Cannot read properties of null (reading 'ride')
at Carousel._maybeEnableCycle...
I confirmed all images are properly downloaded by the browser (no broken links in the Network tab).

I removed all custom CSS/JS and tested on clean setups.

I also double-checked Studio fields and media object settings.

Even adding only one additional media image causes the carousel to break.

At this point, everything looks correctly configured in the backend, but the frontend image carousel still refuses to function properly.

🤔 Could it be a specific issue with how Odoo 18 Online handles the image_1920 field or the product media relationship?

If there's a workaround, patch, or a setting I might’ve missed in the Product Page Extra Fields or eCommerce Media handling, I’d be super grateful for your help.

Thanks again in advance for your support!

Avatar
Odiware Technologies
Bedste svar

Yes, this is a known issue — it usually comes from a broken or missing image link in the product media carousel, often caused by:

✅ Common Causes:

  1. Missing full-size image (image_1920) for the media item.
  2. Odoo expects the image to be in a specific format, and if the media record isn’t linked properly, the viewer breaks.
  3. Some custom or third-party themes override the carousel and introduce JS errors like the one you’re seeing.

🔧 Quick Fixes:

  • Re-upload the image and ensure it has a proper image_1920 field.
  • Try switching to the default Odoo theme (e.g., theme_default) to test if the issue is theme-related.
  • Make sure you’re on the latest Odoo 16 update — this issue was patched in later builds.

🛠️ Optional:

If you're technical, inspect the product media JSON in browser dev tools — make sure each image object has a valid src.

Avatar
Kassér