How to change default layout in express using handlebars?

Alexander Kim picture Alexander Kim · Nov 11, 2014 · Viewed 51.2k times · Source

I am using Express 4.9.0 and express-generator.

Created boilerplate with a following command:

express --hbs projectname

Builtin handlebars is using views/layout.hbs by default as a master page. But i cannot see any settings in my app.js to change that behaviour.

piece of code from my app.js:

// view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'hbs');

  1. How can i change my default layout globally?
  2. What if i want to have 2 or 3 different global layouts?

Answer

Timothy Strimple picture Timothy Strimple · Nov 11, 2014

You can specify what layout you want to use as part of the render call. If you create a new layout called other.hbs, you can then do something like:

res.render('view', { title: 'my other page', layout: 'other' });

To override this for the entire application, you can use:

app.set('view options', { layout: 'other' });