Theme page layouts

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

  1. From the side menu, under Organisation click Themes.
  2. Click the name of the relevant theme.
    Alternatively, click the Edit icon.
  3. Click the Layouts tab.



  4. Click the New button.
  5. Enter a Name for the layout.
  6. Click the Save button.
  7. 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.



  8. Add your code changes as required. Often scripts should be placed between the <head/> tags.
  9. On the left side are some Template Variables, which can be used within the template, as required.
  10. Click the Save button.

Using a page layout

  1. From the side menu, under Content click Web Pages.
  2. Click the name of the relevant campaign.
  3. Next to the relevant page, click the Actions icon then Settings.
  4. On the Edit Page Settings pop up, click the Appearance & Behaviour tab.
  5. From the Theme drop down, select the relevant theme which will determine the layouts available.
  6. From the Page Layout drop down, select the new page layout.



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

Was this article helpful?
0 out of 0 found this helpful