This article goes over how to make advanced customizations by editing school template files in the Power Editor.
CAUTION: Adding custom code to your school is an advanced modification—we can't guarantee full functionality or compatibility with current or future versions of Teachable. This includes how the code functions, as well as how it impacts the appearance of your school. Use caution when making changes to school template files via the Power Editor. Teachable Support does not troubleshoot custom code issues.
Overview
On the Business plan and up, you can edit your school’s template files in the Site > Power Editor section of your school admin.
School template files use Liquid, an open-source templating language developed by Shopify. Liquid serves as a link between stored data and the HTML templates that are displayed on the page of your web browser.
TIP: Use Code Snippets to add HTML/Javascript to your school head tag and edit your school's CSS.
Edit Power Editor Templates
To make changes to your school’s template code, click on the template folders to open your school’s templates and partials. You can also use the search bar to locate a specific template:
In the template folders, you can use Liquid code to do the following:
- lectures - Customize the way lectures appear for students, including content like videos, quizzes, and more.
- courses - Customize the way the course sales page appears for logged in and logged out users.
- pages - Customize blocks on school pages, including checkout page buttons, rich text blocks, testimonial blocks, and more.
- author_bios - Customize the appearance of author bios in the course curriculum.
- layouts - Customize the layouts of pages in your school by editing headers, footers, and more.
NOTE: Some templates do not apply to pages created with the Page Editor 2.0. Read more about our page editor versions.
Save and Publish Templates
Once you make changes to the template code, click the Save button in the top right corner of the screen. Click Publish to make your changes live within your school.
Unpublish and Reset Templates
To remove custom template edits from view in your school, click the Unpublish button in the top right corner of the screen. This will keep your edits available in the template, but not visible to your students.
Should you wish to remove all custom changes to an existing template, click the Reset button at the top of the screen. A pop-up window will appear to confirm resetting back to the base template. Click OK to confirm.