Crane Dev Tools by Lightspeed

Preview Instant Site themes live in the IS Editor without deployment

Crane Dev Tools by Lightspeed lets you preview your local Crane theme in the Instant Site Editor without deployment. By connecting to your local server, the extension renders your local theme directly in the Instant Site Editor, allowing you to test theme code, adjust settings, and review changes immediately using real site data. To preview your local Crane theme in the Instant Site Editor, follow these steps: 1.Install Crane DevTools by Lightspeed from the Chrome Web Store. 2. Deploy your section once to register it in Instant Site. 3. Start your local Crane development server. 4. Open your theme in the Instant Site Editor. 5. Turn on the Crane DevTools extension. 6. Select the section or sections you want to preview. 7. Edit your code locally and see changes live in the Instant Site Editor.