[SOLVED] Template inheritance

Question

[SOLVED] Template inheritance

chebureque Jul '13

Created Jul '13	Last Reply Jan '14	Replies 4	Views 1449	Votes 2

chebureque 19.2k

Jul '13

Guys, I wanna use template inheritance, offered by Volt, so I've followed example from docs

"views/index.volt" contains:

{# views/index.volt #}

<!DOCTYPE html>
<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
        {% endblock %}
        <title>{% block title %}{% endblock %} - My Webpage</title>
    </head>
    <body>
        <div id="content">{% block content %}{% endblock %}</div>
        <div id="footer">
            {% block footer %}&copy; Copyright 2012, All rights reserved.{% endblock %}
        </div>
    </body>
</html>

"views/index/index.volt" contains:

{# views/index/index.volt #}

{% extends "index.volt" %}

{% block title %}Index{% endblock %}

{% block head %}<style type="text/css">.important { color: #336699; }</style>{% endblock %}

{% block content %}
    <h1>Index</h1>
    <p class="important">Welcome on my awesome homepage.</p>
{% endblock %}

As from example I've expected the following final output:

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">.important { color: #336699; }</style>
        <title>Index - My Webpage</title>
    </head>
    <body>
        <div id="content">
            <h1>Index</h1>
            <p class="important">Welcome on my awesome homepage.</p>
        </div>
        <div id="footer">
            &copy; Copyright 2012, All rights reserved.
        </div>
    </body>
</html>

But in fact I get only "views/index.volt" contents:

<!DOCTYPE html>
<html>
    <head>

            <link rel="stylesheet" href="style.css" />

        <title> - My Webpage</title>
    </head>
    <body>
        <div id="content"></div>
        <div id="footer">
            &copy; Copyright 2012, All rights reserved.
        </div>
    </body>
</html>

What I'm missing?

2

Calin Rada
51.2k

Accepted
answer

Jul '13

Try to rename views/index.volt as views/layout.volt and {# views/index/index.volt #} will extend layout.volt. It might be a name collision . Also, be sure that the view is set to volt engine and the views dir, points to thr right path. Eg:

$di['view'] = function() {
  $view = new View();
  $view->setViewsDir(__DIR__ . '/views/default/');
  $view->registerEngines(array(
      ".volt" => 'voltService'
  ));
  return $view;
};

You don't need any special setting to enable template inheritance - it's a built-in functionality.

shuogawa · Answer 1 · 2013-07-07T04:26:49-07:00

hello. I ran your code in phalcon1.2.0. I got output which you expected .

compile cache file might be a problem.

chebureque · Answer 2 · 2013-07-07T05:23:33-07:00

Hi, @shuogawa. I've inspected cache file "views_index_index.volt.php" and there I can see expected output, but in browser I still get only contents of parent template "views/index.volt" (tried: clearing browser cache, using Volt with option "compileAlways" => "true"). So it looks like for some reason Phalcon not picking the child template... I'm using Phalcon 1.2.0, PHP 5.4.15, Apache 2.4.4, OS X 10.7.5, Chrome 27.0.1453.110/Safari 6.0.5; project created with Phalcon Developer Tools.

chebureque · Answer 3 · 2013-07-07T23:36:14-07:00

chebureque
19.2k

Jul '13

@phalcon do I need to enable something additionally, in order to use template inheritance?

shuogawa · Answer 4 · 2013-07-08T03:23:35-07:00

I do not have special configuration is to use the temlate inheritance. There is a need which file is to be rendered as a view, to clarify. views_index.volt.php or views_index_index.volt.php I'm sorry but I can not imagine cause.

chebureque · Answer 5 · 2013-07-08T21:24:12-07:00

@calinrada looks like you were right - it's a name collision, if I rename "views/index.volt" to "views/layout.volt" everything works as expected. Thanks for suggestion!

datenarbeit · Answer 6 · 2014-01-29T11:40:31-07:00

datenarbeit
632

Jan '14

having read this thread would have saved me hours ... ;)