Recruitment Marketing
Public
Introduction
Sometimes you'll want full control over how a page's layout and underlying HTML is generated. The Recruitment Marketing module 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 common 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
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.
Creating a page layout
- From the side menu, under Organisation click Themes.
- Click the name of the relevant theme.
Alternatively, click the Edit icon. - Click the Layouts tab.
- Click the New button.
- Enter a Name for the layout.
- Click the Save button.
- On the Theme Layout screen, a default template will already display.
Note: This default template is bug-free and is the minimum code required to render a page correctly.
- Add your code changes as required. Often scripts should be placed between the <head/> tags.
- On the left side are some Template Variables, which can be used within the template, as required.
- Click the Save button.
Using a page layout
- From the side menu, under Content click Web Pages.
- Click the name of the relevant campaign.
- Next to the relevant page, click the Actions icon then Settings.
- On the Edit Page Settings pop up, click the Appearance & Behaviour tab.
- From the Theme drop down, select the relevant theme which will determine the layouts available.
- From the Page Layout drop down, select the new page layout.
- Click the Save button to keep the settings.
Advanced composition
The Recruitment Marketing layout syntax uses the Liquid Templating engine.
For more information, including advanced syntax refer to shopify.github.io/liquid.