Last Edited: Jul 02, 2019
Once you have imported or created your WebApps, you can access WebApp layouts using Code Editor, which is within Site Settings in the left-hand Menu.
You will find a default detail layout stored within
layouts/webapps/webapp name/detail/ and you should
create any custom detail layouts for the WebApp here. Right click on the detail folder to do this.
You will find a default list layout stored within
layouts/webapps/webapp name/list/ and you should
create any custom list layouts for the WebApp here. Right click on the list folder to do this.
Once you have saved custom Layouts in these folders, Toolbox will automatically find them and off you the option of selecting them when outputting WebApps on a page.
Copy the content of a WebApp Layout from your BC site, create the layout within the correct detail or list folder and paste it in. Now all that's left to do is update the liquid to match the Siteglide fields. You can use the "Insert field" dropdown along the top of Code Editor to automatically output the liquid for each field.
Example BC Layout:
Example Siteglide Layout:
If you have any questions, get in touch via our Intercom in the bottom right-hand corner of your Admin and we'll be happy to help.