openclaw - 💡(How to fix) Fix [Ballast] Activate hero animation in Shopify theme editor [1 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
openclaw/openclaw#71001Fetched 2026-04-24 10:36:52
View on GitHub
Comments
0
Participants
1
Timeline
0
Reactions
0
Author
Participants

The molecular network animation (nodes + edges floating behind headline text) was designed as the Ballast homepage hero background. The JS asset and Liquid snippet have been uploaded to the store:

  • `assets/ballast-network.js` — Three.js network animation
  • `snippets/ballast-hero-animation.liquid` — Liquid wrapper

Root Cause

The molecular network animation (nodes + edges floating behind headline text) was designed as the Ballast homepage hero background. The JS asset and Liquid snippet have been uploaded to the store:

  • `assets/ballast-network.js` — Three.js network animation
  • `snippets/ballast-hero-animation.liquid` — Liquid wrapper
RAW_BUFFERClick to expand / collapse

Context

The molecular network animation (nodes + edges floating behind headline text) was designed as the Ballast homepage hero background. The JS asset and Liquid snippet have been uploaded to the store:

  • `assets/ballast-network.js` — Three.js network animation
  • `snippets/ballast-hero-animation.liquid` — Liquid wrapper

One manual step remaining

The snippet needs to be rendered inside the hero section via the Shopify theme editor:

  1. Go to Shopify Admin → Online Store → Themes → Customize
  2. Navigate to the Homepage template
  3. Find the Hero / Banner section
  4. Click Add block or edit the section's HTML/Liquid (if the theme allows custom liquid blocks)
  5. Add: `{% render "ballast-hero-animation" %}`
  6. Save and preview

If the theme doesn't support custom liquid in the hero

Use the Custom HTML block option in the theme editor and paste: ```html {% render "ballast-hero-animation" %} ``` Or add it directly in the `sections/hero.liquid` (or equivalent) via Edit code.

Acceptance

Homepage hero shows the animated molecular network background behind the headline text on desktop and mobile.

extent analysis

TL;DR

To fix the issue, render the "ballast-hero-animation" snippet inside the hero section of the Shopify theme editor.

Guidance

  • Verify that the assets/ballast-network.js and snippets/ballast-hero-animation.liquid files are correctly uploaded to the store.
  • Follow the provided manual steps to add the snippet to the hero section via the Shopify theme editor.
  • If the theme doesn't support custom liquid in the hero, use the Custom HTML block option or edit the sections/hero.liquid file directly.
  • Ensure the snippet is correctly rendered by checking the homepage on both desktop and mobile devices.

Example

No code snippet is necessary, as the issue provides clear instructions on how to add the snippet to the theme editor.

Notes

The provided solution assumes that the ballast-hero-animation snippet is correctly configured and that the theme editor allows custom liquid blocks or HTML editing.

Recommendation

Apply the workaround by following the provided manual steps to add the snippet to the hero section, as this is the most direct solution to render the molecular network animation.

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

openclaw - 💡(How to fix) Fix [Ballast] Activate hero animation in Shopify theme editor [1 participants]