Flickity lazy loading not showing images in carosel slider

Topic summary

A Shopify theme developer is experiencing inconsistent behavior with Flickity carousel’s lazy loading feature for product images.

The Problem:

  • Images sometimes display correctly in the carousel
  • Other times, all images collapse or fail to load
  • The issue appears intermittent and unpredictable

Troubleshooting Progress:

  • Screenshots were shared showing both the working state and the collapsed/broken state
  • A JavaScript error was identified in the browser console
  • Code implementation issues were noted as potentially improper

Current Status:

  • The root cause appears related to JavaScript errors and incorrect code structure
  • Investigation is ongoing with community members examining the provided screenshots and website link
  • No solution has been implemented yet
Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

@Jasoliya @KetanKumar @Wish-It @MandasaTech

Flickity lazy loading not showing images in the product carousel slider.

I am using Flickity slider on which lazy image loading is there, but sometimes images show up and sometimes not.

URL

https://herbovedam.com/

1 Like

@herbovedam

can you please show me issue image so i will check and let you know

Sometimes it looks perfect

but sometimes all images collapse–

website link — https://herbovedam.com/

1 Like

@herbovedam

thanks

i can see js issue

also code are not proper