Ai Generated Block of Parallax Images - works in preview, not on live theme

Shopify Discussion
, , ,

Topic summary

Issue: AI-generated parallax image sections function in theme preview (desktop and mobile) but break on the live Broadcast theme. In production, images either disappear or stack at the far-left, overlapping.

Context: Sections were created with Shopify’s AI block generator and lightly tweaked. The store owner is not a coding expert and has disabled the sections for now.

Clarifications: Parallax refers to images moving at different speeds during scroll to create depth. CSS is the styling language used to control layout/visibility.

Troubleshooting requests/suggestions:

  • One responder asked for temporary theme access to investigate directly.
  • Another suggested enabling the problematic section but hiding it via Custom CSS (e.g., display: none !important) so it’s present for debugging without affecting customers.
  • Alternative: duplicate the theme, enable the section there, and share a theme preview link for review.

Status: No fix yet; root cause undetermined. Next steps depend on the store owner providing access or a preview link so others can inspect live code/behavior.

Notes: Multiple screenshots were provided and are central to visualizing the layout problem.

Summarized with AI on December 11. AI used: gpt-5.
1

I just went live with a new paid theme (Broadcast) but added a couple of Ai generated Shopify blocks that I was mostly happy with in the preview. I tweaked some of the code but it’s primarily made by the Ai block generator.

Both of the blocks with scrolling parallax images work on preview mode for desktop and mobile. But when I look at the live theme the images have vanished or are on the far left of the screen on top of one another.

Since it works fine on preview and I’m not really a code expert I have no clue how to fix this. I am disabling them for the time being but if anyone has an idea of what could be causing the issue I would love to hear it. TIA

Screenshot 2025-11-12 at 10.40.40 AM
Screenshot 2025-11-12 at 10.40.40 AM2076×846 122 KB

Screenshot 2025-11-12 at 10.41.56 AM
Screenshot 2025-11-12 at 10.41.56 AM3356×1082 168 KB

Screenshot 2025-11-12 at 10.41.47 AM
Screenshot 2025-11-12 at 10.41.47 AM3356×980 137 KB

Screenshot 2025-11-12 at 10.41.00 AM
Screenshot 2025-11-12 at 10.41.00 AM1920×987 220 KB

2

Hello @Kdrosas If you can provide theme access, I can try to solve it.

3

Hi @Kdrosas

It is really hard to say what is wrong from images only. Could you enable that section but add this code to Custom CSS to hide it

{
     display: none !important;
}

Or copy the current theme, enable the section, and share the theme preview link.