To customize the look and feel of a specific page you have to modify the corresponding template. Each page has its main template and each template can have multiple smaller templates (called partials) used inside of it. Here's an example:
catalog.html.liquid ├── _header.html.liquid ├── _sub_navigation.html.liquid ├── _courses_filter.html.liquid │ └── _filter_select.html.liquid ├── _courses/catalog.html.liquid └── _footer.html.liquid
catalog.html.liquid file is the main template for the Catalog page. Inside that template, there are multiple partials that construct the whole UI. Partials allow reusing parts of the template and provide a way to structure your customization code.
Please note that the structure above represents the way the templates are included in one another, not the structure of folders from the zip file.
Go to the
Design tab in the Admin panel and then to
School Website Styling. Click the
Download Default Templates button.
You should see a list of all main templates and their partials. To learn which templates and partials are used on a particular page, please see the Templates Reference.
After you make changes to selected base templates, you should upload them to the application. Go to the
Design tab in the admin panel and then to
School Website Styling.
Upload Templates button and add the templates you have chosen, then confirm the changes with the
Once you edit your templates we won’t support automatic updates with additional features that Northpass makes to the base templates. You will need to merge the changes into your templates directory. Additionally, we will not be able to support the look and feel of your website.
Updated 3 months ago
To learn more about the available variables in each page of our templates, go to: