2016-09-06 173 views
2

我刚刚开始使用magento 2,阅读(大部分)文档并开始我的项目。我想用自己的页眉/章节/页脚首先创建自定义主页(不是默认出现的页面)。我已经通过HTML & CSS完成静态的东西,所以我只是需要使它成为magento 2的方式。Magento 2创建自定义主页

直到现在我已经创建了一个主题,注册它,选择它并在我的主题文件夹中我有包含page_layout文件夹和layouts.xml的Magento_Theme文件夹。 Page_layouts文件夹包含homepage.xml

所以我homepage.xml看起来像这样

<?xml version="1.0"?> 
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
     xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd"> 
    <update handle="empty"/> 
    <referenceContainer name="page.wrapper"> 
     <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/> 
     <container name="page.top" as="page_top" label="After Page Header" after="header.container"/> 
     <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" /> 
    </referenceContainer> 
</layout> 

和我layouts.xml看起来是这样的:

<?xml version="1.0" encoding="UTF-8"?> 
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd"> 
    <layout id="homepage"> 
     <label translate="true">Custom Homepage</label> 
    </layout> 
</page_layouts> 

当我浏览到管理/内容/页我可以将我的布局设置为主页,但是当我从homepage.xml注释掉<container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />时,它不会改变任何内容。

如何删除homepage.xml上的magento header/footer内容并添加我自己的html & css?如果有人可以给我一个最简单的例子,那么将会给我的homepage.xml添加一个<div>test</div>,所以当我到本地主机时,我只能得到那个div,没有magento header/footer。

谢谢!

回答

1

的原因,仍呈现页眉和页脚是因为你有你的homepage.xml定义的容器,如果你看module-theme/view/frontend/layout/default.xml,你可以看到哪些块包含在header.containerpage.topfooter-container

只有离开empty手柄才能为您提供干净的石板,同时仍可访问content以供参考。你也可以在这里定义你自己的定制容器。

您仍然可以引用容器content并从那里添加您的自定义块或小部件,或者从内容>页面中的admin中执行此操作。