Task · Custom themes

Edit the templates behind your pages

The raw material a theme is built from: views, the layout and assets, one file at a time.

5 steps · About 5 minutes

1. Open Account settings then Custom themes, and open your account default look

   Your accountSettings

2. Open All files, or one of the files listed on the look

   The editor lists every file the theme can have on the left, laid out the way a theme project is. Type in Filter files to narrow the list. A file marked Built-in isn't part of your theme yet. Open it and the editor starts from the built-in content, so your changes start from what people see today.

3. Edit the file

   The editor colors Figh and CSS syntax as you type, and views show a live preview beside your edit. Press Ctrl+F (Cmd+F on a Mac) to search within the file.

4. Select New file to add anything else, like an include

   Enter a Path and its Body (Figh). Figh is Tito's own templating language, close in spirit to Shopify's Liquid.

   go.tito.io/acme/admin/theme/files/new

5. Select Save

   Saving a file that was marked Built-in adds it to your theme, and you stay in the editor to keep working.

   A save takes effect on the next page load.

   You can work on the whole theme on your own machine instead.

   For anything longer than a line or two, work on the theme as ordinary files: your own editor, your own version history, and a preview only you can see until you send it back.

   You can set the browser tab icon.

   Add a file called assets/favicon.ico or assets/favicon.png. It's picked up on its own, with no template to change.

   Deleting a file changes what people see.

   Delete one that backs a view or the layout and the page falls back to the built-in template.