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/.