Docs

Install Quickstart

Every Shopiflame section is a self-contained Liquid bundle. There is no build step, no node_modules, no CI pipeline — just two files dropped into your theme and you're done.

What you'll need

  • A Shopify store on any plan
  • An Online Store 2.0-compatible theme (Dawn, Sense, Craft, or any OS 2.0 theme)
  • Access to the Shopify Theme Editor or Shopify CLI

Step 1 — Get the files

After purchase, your section appears in your account dashboard. From there you can download the section bundle as a .zip file. Inside you'll find:

  • sections/<section-name>.liquid — the section file
  • snippets/forge-motion.liquid — the shared motion runtime snippet

The exact filenames and their contents are also shown in the Install tab of the section's live configurator — you can copy-paste from there directly without downloading.

Step 2 — Add the files to your theme

Via Shopify Theme Editor (no CLI):

  1. Go to Online Store → Themes → Edit code on your active theme.
  2. Under Sections, click Add a new section and paste the contents of <section-name>.liquid.
  3. Under Snippets, click Add a new snippet named forge-motion and paste the contents of forge-motion.liquid.

Via Shopify CLI:

shopify theme push --only sections/<section-name>.liquid snippets/forge-motion.liquid

Step 3 — Add the section to a page

  1. Open the Theme Editor for the page where you want the section.
  2. Click Add section and find the section by name.
  3. Configure it using the section settings on the right.
  4. Save and preview.

Step 4 — Verify it's working

Open the page in a normal browser tab (not the theme editor preview) and scroll to the section:

  • The section should animate as it enters the viewport.
  • With JavaScript disabled, or with Reduce motion enabled in your OS, the section still shows its full, styled content — just without motion. That's expected: motion is an enhancement, never required to read the content.

If the section renders but doesn't animate, the most common cause is a missing or misnamed forge-motion snippet — confirm it exists under Snippets and is named exactly forge-motion.liquid.

Notes

  • forge-motion.liquid is shared across all Shopiflame sections. If you've already installed another section, you don't need to overwrite it — the file is backward compatible.
  • If you're running a custom theme that doesn't use OS 2.0 section schema, see Theme Compatibility.
  • The live configurator on each section's page shows the real output — what you see there is exactly what runs in the theme.