Individual Product images not displaying on website

Technical Q&A

Topic summary

Issue: Product images fail to display on individual product pages, though they appear correctly elsewhere on the site. At least one other user reports the same problem, with additional issues involving missing product variation dropdowns.

Root Cause Identified:
BSS-Commerce diagnosed multiple theme bugs, particularly undefined variable errors preventing code execution. They also found CSS code (display: none) in the stylesheet that hides product page images.

Proposed Solutions:

  • Locate and fix undefined variables in theme.js by declaring them properly
  • Modify stylesheet.css by finding .flexslider-slides, .gallery-slide-slides and replacing display: none with display: contents
  • Screenshots provided showing specific code locations and error examples

Current Status:
The original poster wants to hire BSS-Commerce to resolve the issue. BSS-Commerce directed them to submit a request through Shopify Experts for detailed assistance. Discussion remains open pending professional engagement.

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

The individual product images are not showing up on the website. They show up everywhere else, but once you click on the product page for more information they are gone. I am sure it us a coding issue in our Theme, but we don’t know how to resolve it.

Site: www.simplestories.com

Thanks in advance

2

We are having the same photo issue. Our dropdown menus for variations for the products are also missing.

3

Hi @Kevdog

  • We checked and found that there are a lot of bugs in the theme, especially not defined errors that lead to the code below this bug will not be executed further. So it may have affected the display.

  • Since we can not directly check this code to fix it, we suggest you find the error line and redefine the variables to execute the code fully.

  • For example, go to Online Store → Themes → Edit Code → find the theme.js file and find the function containing the wrong code, declare the variables not defined:

view - 2023-01-17T143448.306.png
view - 2023-01-17T143448.306.png684×971 58.4 KB

view - 2023-01-17T143451.337.png
view - 2023-01-17T143451.337.png1811×847 470 KB

view - 2023-01-17T143454.692.png
view - 2023-01-17T143454.692.png774×383 24.2 KB

  • If the variables work normally and check that the product page does not display the image, then continue to the next step

** The reason for the loss of the image on the product page is that in the theme’s css, a CSS hides the image displayed in this section (display: none). So you need to replace this line for the images to display normally.

view - 2023-01-17T143654.010.png
view - 2023-01-17T143654.010.png1853×850 267 KB

  • You can follow these steps:

  • Go to Online Store → Theme

  • Select Edit code

  • Find the file stylesheet.css and search for the following line of code and replace display: none = display: contents;

.flexslider .slides > li, .slide-gallery .slides > li

view - 2023-01-17T143747.351.png
view - 2023-01-17T143747.351.png704×906 54.2 KB

I hope that our suggestion can help you solve the issue.

4

Hello. Thank you for your response. I would like to talk to you about hiring you to work with us to resolve the issue. How may I contact you?

Thanks

5

Hello. Thank you for your response. I would like to talk to you about hiring you to work with us to resolve the issue. How may I contact you?

Thanks

1 Like
6

Hi @Kevdog

We’re happy to support you in resolving any issues. Kindly share your request with us via Shopify experts https://experts.shopify.com/bss-commerce/services.

Our expert will check it and give you a detailed solution.

We’re looking forward to working with you.