How to pass parameters to default template?

cmlanche · January 27, 2019, 2:53am

like below:

{{!< default test="dddd"}}

how to pass? I tried above, but seems no work

vikaspotluri123 · January 27, 2019, 3:04am

You can’t pass parameters to the default template because it’s not actually handlebars. The library that Ghost uses (express-hbs) checks if you declared a layout separately.

If explain your usecase, someone might be able to give you a different solution

cmlanche · January 27, 2019, 3:24am

different page has different js, css file, if just put these into default template directly , you need write a lot of if else, i think it was dirty, if I can pass from page, it will be better

vikaspotluri123 · January 27, 2019, 3:26am

The contentFor / block helper is your best bet

cmlanche · January 27, 2019, 3:43am

is ghost use ‘express-hbs’ default ? so I can use
{{#contentFor “pageScripts”}}
CONTENT HERE
{{/contentFor}}
without install it any more ?

vikaspotluri123 · January 27, 2019, 3:47am

I’m not sure I understand your question.

The contentFor helper is added by express-hbs so you don’t need to do anything special to your installation to make it work.

You can see an example of how this helper is used in Casper:

contentFor:

github.com

TryGhost/Casper/blob/9ababa2886688fade337ae3cb8c797238f4e14fb/post.hbs#L146-L211


      
          {{#contentFor "scripts"}}
          <script>
          
          
// NOTE: Scroll performance is poor in Safari
          // - this appears to be due to the events firing much more slowly in Safari.
          //   Dropping the scroll event and using only a raf loop results in smoother
          //   scrolling but continuous processing even when not scrolling
          $(document).ready(function () {
              // Start fitVids
              var $postContent = $(".post-full-content");
              $postContent.fitVids();
              // End fitVids
          
          
    var progressBar = document.querySelector('#reading-progress');
              var header = document.querySelector('.floating-header');
              var title = document.querySelector('.post-full-title');
          
          
    var lastScrollY = window.scrollY;
              var lastWindowHeight = window.innerHeight;
              var lastDocumentHeight = $(document).height();

This file has been truncated. show original

block:

github.com

TryGhost/Casper/blob/9ababa2886688fade337ae3cb8c797238f4e14fb/default.hbs#L83


      
                  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
                  crossorigin="anonymous">
              </script>
              <script type="text/javascript" src="{{asset "built/jquery.fitvids.js"}}"></script>
          
          
    {{#if pagination.pages}}
              <script src="{{asset "built/infinitescroll.js"}}"></script>
              {{/if}}
          
          
    {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}}
              {{{block "scripts"}}}
          
          
    {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
              {{ghost_foot}}
          
          
</body>
          </html>

cmlanche · January 27, 2019, 3:55am

thank you very much, help a lot!

Topic		Replies	Views
The mechanism for the {{!< default}} syntax in index.hbs Developer help	3	860	May 29, 2019
Using {{!< default}} inside a condition Themes	3	768	April 11, 2020
{{{body}}} handlebar -- explanation Themes	3	445	December 17, 2021
Passing key/value pairs as data in routes? Themes	5	472	April 9, 2020
Help? Trying to create a raw.hbs Themes	6	842	June 28, 2019

How to pass parameters to default template?

Related Topics