Themes: Controlling Page Layouts
Introduction
Sometimes you'll want full control over how a page's layout and underlying HTML is generated. The Clinch Talent platform gives you this capability, however, it's important to be careful when editing a layout, as it can drastically alter the rendering of pages (including on mobile devices) if a bug is introduced in the layout templates.
Uses of controlling page layouts
Some typical examples are:
- Creating custom headers and footers (that are complex in nature and often match a company's other corporate websites)
- Adding advertising tracking code from networks such as Facebook, Google AdWords and Twitter
- Adding third-party components
Where to find page layouts
Layouts are found within a Theme in the Theme Editor. A theme can have multiple layouts, allowing for very dynamic and different pages from within the same theme.
How to use them
1. Click on the Green Plus(+) button.
2. You will see the create new layout page, with a default template already in place.
Note: This default template is bug-free and is the minimum code required to render a page correctly.
3. Add your code changes as required. Often scripts should be placed between the <head/> tags.
4. Open your page's settings, click the Appearance tab, and choose your new page layout
Template Variables
At the bottom of the "create/edit" page layout screen, you will see a list of available variables that can be used within the template, as required.
Advanced composition
The Clinch Talent layout syntax uses the Liquid Templating engine. More information, including advanced syntax can be found at https://shopify.github.io/liquid/.