我试图建立一个单独的共同页眉和页脚的页面布局,从树枝模板扩展。
页面布局这是一个典型的一个与一些代码如下:
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Soccer | Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/images/fav.png') }}">
<!-- CSS BLOCK -->
{% stylesheets 'assets/css/*' 'assets/css/style.css' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}"/>
{% endstylesheets %}
</head>
<body class="home-two">
{% block page_layout_header %} {% endblock %}
{% block content %} {% endblock %}
{% block page_layout_footer %} {% endblock %}
<!-- JS BLOCK -->
{% javascripts 'assets/js/jquery.min.js'
'assets/js/rsmenu-main.js'
'assets/js/jquery-ui.min.js'
'assets/js/bootstrap.min.js'
'assets/js/jquery.meanmenu.js'
'assets/js/wow.min.js'
'assets/js/slick.min.js'
'assets/js/masonry.js'
'assets/js/owl.carousel.min.js'
'assets/js/time-circle.js'
'assets/js/jquery.magnific-popup.js'
'assets/js/main.js' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
</body>
</html>
我在(app\Resources\views\parts\page_layout_header.html.twig
)下得到了另一个文件,在那里我设置了网站的一部分,从pagelayout.html.twig
扩展而来。
最后,root_folder位于full/home.html.twig
下,它呈现了一个简单的模板,如下所示:
{% extends "pagelayout.html.twig" %}
{% block content %}
<h1>Root page</h1>
{% endblock %}
在ezplatform.yml
中,我设置了根文件夹和一行标题分支。
content_view:
full:
root_folder:
template: "full/home.html.twig"
match:
Id\Location: 67
line:
line_part_header:
template: "parts/page_layout_header.html.twig"
match:
Identifier\ContentType: ['defined_content_type']
这个问题出现时,启动127.0.0.1:8000
根页面,似乎没有呈现。只有来自根ez文件夹的内容显示没有任何CSS样式。似乎从小枝模板扩展是不工作...
编辑:去更好地解释我的情况。
这是pagelayout.html.twig
的一部分,pagelayout.html.twig
包含所有CSS、js和块定义
{% stylesheets 'assets/css/*' 'assets/css/style.css' filter='cssrewrite' %}
<link rel="stylesheet" href="{{ asset_url }}"/>
{% endstylesheets %}
{% block header %} {% endblock %}
{% block content %} {% endblock %}
{% block footer %} {% endblock %}
<!-- BLOQUE JS -->
{% javascripts 'assets/js/*' %}
<script src="{{ asset_url }}"></script>
{% endblock %}
接下来,我得到了一个page_layout_header.html.twig
,它包含一个顶栏和主菜单。
{% extends ':themes/club:pagelayout.html.twig' %}
{% block header %}
<!--Header area start here-->
<header>
<div class="header-top-area">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="header-top-left">
<ul>
<li><a href="mailto:#"><i class="fa fa-envelope-o" aria-hidden="true"></i> {{ ez_render_field( content, 'web_config_email_contacto' ) }}</a></li>
<li><img src="{{ asset('assets/images/logo/flag.jpg') }}" alt="Logo">
......
......
最后,这是配置:
home:
template: "themes/club/full/home/home.html.twig"
match:
Id\Location: 2
full_top:
template: "themes/club/parts/page_layout_header.html.twig"
match:
Identifier\ContentType: 'informacion_general'
因此,在测试http://127.0.0.1
时,我只能看到{{ ez_render_field(content, 'description') }}
1条答案
按热度按时间6bc51xsx1#
扩展模板是指子模板对父模板的扩展,但并不意味着父模板包含子模板。
因此,您的两个模板(
home.html.twig
和page_layout_header.html.twig
)都独立地扩展pagelayout.html.twig
,并且它们都不知道对方的任何信息。我不熟悉EzPlatform,但看起来
full
和line
视图类型只是由ViewProvider或类似的东西选择的不同配置。所以我决定你应该嵌入html的可重用部分,简单地包含它,就像这样:
https://twig.symfony.com/doc/2.x/tags/include.html
或者通过像这样用单独的控制器来呈现它:
https://doc.ezplatform.com/en/2.1/guide/content_rendering/#embedding-content-items