Liquid code for parallax banner - Dawn theme

Store Design

Topic summary

Request to add a parallax banner to the Dawn theme with a customizable image option in the theme editor so customers don’t need to edit code. Parallax banner: a design effect where the background image scrolls at a different speed than foreground content, creating depth.

Progress: Initial ask for Liquid code; follow-up noted that suggested changes (not shown here) didn’t appear in the theme or editor. The user specifically wanted a selectable parallax option within the theme editor, not a code-only implementation.

Outcome: The user purchased a “snippet” from a third party, and reports it works perfectly.

Status: Resolved. No code or step-by-step solution was shared in the thread, and no consensus or alternative open-source approach was documented. Unanswered: how to implement this natively in Dawn via Liquid/JSON settings without external snippets.

Summarized with AI on February 4. AI used: gpt-5.
1

I would like to add a parallax banner to some of my themes. Does anyone have the code for this?

I need the theme to be customisable for customers, to add their own image and not to have to go into the code.

Thanks in advance

2

Hi :slightly_smiling_face: I appreciate your help. I can’t see what changes this has made to my theme?

I wanted an option for a parallax banner within the theme editor

3

I had to buy a ‘snippit’ from someone - this has worked perfectly