Product Images are not showing on product page

Shopify Discussion

Topic summary

A user reports product images displaying on collection pages but not on individual product pages while using the Debutify theme.

Initial Solution:

  • Another user identified problematic CSS code in theme.scss (Line 1396) related to .slick opacity settings
  • Removing this CSS partially resolved the issue

Remaining Problem:

  • Images now appear but display incorrectly when using thumbnail mode
  • The slick slider functionality isn’t working properly on the product page
  • Images show correctly when stacked, but fail in thumbnail view
  • The issue appeared suddenly after previously working properly

Current Status:
The discussion remains open with the user seeking guidance on fixing the thumbnail display mode for the slick slider implementation.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Like the title says, they can be seen on collection pages but not product pages. I use the debutify theme.

My website: https://6f26de-3.myshopify.com/

WhatsApp Image 2024-02-14 at 12.54.42.jpeg
WhatsApp Image 2024-02-14 at 12.54.42.jpeg1345×1013 64.7 KB

2

Hey @mkmkmkmk please remove the below css from theme.scss.css file (Line no: 1936).

.slick{
opacity: 0;

}

Thanks

3

Thanks, it mostly works but now it looks like this:

mkmkmkmk_0-1707908103645.png
mkmkmkmk_0-1707908103645.png1271×655 221 KB

4

Hey @mkmkmkmk it seems you have used slick slider into it and it doesn’t working as a slider on the product page.

Thanks

5

Do you know how I can fix this problem? If I use them stacked it shows but when it is in thumbnail mode it doesn’t show. It was working properly but all of a sudden it disappeared.

mkmkmkmk_0-1707921132004.png
mkmkmkmk_0-1707921132004.png2500×1348 431 KB