We have some tools available to help you with theme development. This article describes these tools and includes these topics:
The Developer Toolbar is not the same as other devevelopment tools, for example the Google Chrome DevTools. The Developer Toolbar is rather to see what variables from the Lightspeed platform are available to use in your theme.
To enable the Developer Toolbar, simply enter the following in the search field of your demo store (in the front-end).
..and press the enter key. The page will refresh and you will be able to see the Developer Toolbar at the bottom of each page.
Note: The variables returned will be different for each page (product, catalog, etc...)
We offer an iOS Template Guide App that also lists all the variables and filters available on the platform. There is also a handy checklist available as shown on the Validation page.
You can find the app on the app store or see more info at the following page:
Note: Some of the variables inside the iOS Template Guide may be out of date, please consult the Developer Toolbar or the Rain Variables page for a more up-to-date list.