Item logo image for Crane Dev Tools by Lightspeed

Crane Dev Tools by Lightspeed

Item media 4 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 2 (screenshot) for Crane Dev Tools by Lightspeed
Item media 3 (screenshot) for Crane Dev Tools by Lightspeed
Item media 4 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 1 (screenshot) for Crane Dev Tools by Lightspeed
Item media 2 (screenshot) for Crane Dev Tools by Lightspeed
Item media 3 (screenshot) for Crane Dev Tools by Lightspeed
Item media 4 (screenshot) for Crane Dev Tools by Lightspeed

Overview

Preview Instant Site themes live in the IS Editor without deployment

Preview Instant Site themes live in the Instant Site Editor without repeated deployments. Crane Dev Tools by Lightspeed enables live preview of your local Crane theme directly in the Instant Site Editor. When connected to your local server, the extension renders your local theme directly in the IS Editor. This allows you to review and adjust theme code, merchant settings, and the consumer-facing interface using real store data. A one-time deployment is required to register your section in Instant Site. After that, you can continue developing locally without deploying each change. To preview your local Crane theme in the IS Editor, follow these steps: 1. Install Crane Dev Tools by Lightspeed from the Chrome Web Store. 2. Deploy your section once so it becomes available in Instant Site. 3. Start your local Crane development server. 4. Open your IS theme in the Instant Site Editor. 5. Turn on Crane Dev Tools extension. 6. In the extension popup, select the section or sections you want to preview. 7. Edit your code locally and see changes live in the Instant Site Editor.

Details

  • Version
    1.0.3
  • Updated
    July 21, 2026
  • Offered by
    crane-extension
  • Size
    84.85KiB
  • Languages
    English
  • Developer
    Lightspeed Commerce Inc.
    700 Rue Saint-Antoine E Montreal, QC H2Y 1A6 CA
    Email
    crane-extension@lightspeedhq.com
    Phone
    +1 514-430-1055
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
  • D-U-N-S
    247619799

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Google Sites Dark & Light Mode Themes by SitesBuddy

5.0

Dark & Light Mode Themes for Google Sites editor

Screen Dimmer

4.0

Easily adjust page theme and color temperature while browsing

Contentstack

5.0

Quickly navigate from a live web page to its corresponding entry in Contentstack

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

QuickEdit: Edit Local Pages with Shortcut Key

5.0

Edit any pages locally by toggling contentEditable attribute with shortcut keys

Edit Website Extension

4.6

Edit Live Websites Text On The Fly

Smart Theme Designer - for Google Chrome

3.5

Create custom Chrome themes in seconds. Use live preview, smart color pickers, and a randomizer to design your perfect browser look.

Theme Generator

0.0

Inject AI-generated themes into any website

LightReader

0.0

Transforms dark theme webpages to light theme

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Shopify Section Framer

5.0

Visualize Shopify store theme sections via frames and extract source code

Shopify Dev Helper

5.0

Developer tool for Shopify theme development — AJAX API, theme preview utilities, and more

Google Sites Dark & Light Mode Themes by SitesBuddy

5.0

Dark & Light Mode Themes for Google Sites editor

Screen Dimmer

4.0

Easily adjust page theme and color temperature while browsing

Contentstack

5.0

Quickly navigate from a live web page to its corresponding entry in Contentstack

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

QuickEdit: Edit Local Pages with Shortcut Key

5.0

Edit any pages locally by toggling contentEditable attribute with shortcut keys

Edit Website Extension

4.6

Edit Live Websites Text On The Fly

Smart Theme Designer - for Google Chrome

3.5

Create custom Chrome themes in seconds. Use live preview, smart color pickers, and a randomizer to design your perfect browser look.

Theme Generator

0.0

Inject AI-generated themes into any website

Google apps