在Magento中编辑子主题

Question

我通过将文件添加到C：\\ xampp \\ htdocs \\ magento \\ app \\ design \\ frontend \\ Magento \\ themename创建了一个子主题

在这里，我有一个theme.xml文件，一个registration.php文件，Web文件夹，媒体文件夹和一个Magento_Theme文件夹。

我的问题如下：

该子主题使用C：\\ xampp \\ htdocs \\ magento \\ vendor \\ magento \\ theme-frontend-blank结构。 对于我的主页，例如，我将如何更改头文件。 它具有顶部菜单，搜索和徽标。 我将如何重新安排呢？ 甚至是首页。 我将如何为此进行新的布局，以使3/5常规内容的列和2/5最新产品的内容（例如）。

任何方向都很棒！

Answer 1

改变标题

覆盖徽标：将vendor\\magento\\module-theme\\view\\frontend\\templates\\html\\header.phtml复制到app\\design\\frontend\\Magento\\themename\\Magento_Theme\\templates\\html\\header.phtml并根据需要进行修改。

覆盖topmenu：将vendor\\magento\\module-theme\\view\\frontend\\templates\\html\\topmenu.phtml到app\\design\\frontend\\Magento\\themename\\Magento_Theme\\templates\\html\\topmenu.phtml并根据需要进行修改。

覆盖搜索框：有点不同。 将vendor\\magento\\module-search\\view\\frontend\\templates\\form.mini.phtml到app\\design\\frontend\\Magento\\themename\\Magento_Search\\templates\\form.mini.phtml并根据需要进行修改。

参考：

• http://devdocs.magento.com/guides/v2.2/frontend-dev-guide/themes/theme-inherit.html#theme-inherit-templates

创建布局

1. 使用以下内容创建文件app\\design\\frontend\\Magento\\themename\\Magento_Theme\\page_layout\\new-layout.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="2columns-left"/> </layout> 

2. 使用以下内容创建文件app\\design\\frontend\\Magento\\themename\\Magento_Theme\\page_layout\\layouts.xml ：

    <page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd"> <layout id="new-layout"> <label translate="true">My New Layout</label> </layout> </page_layouts> 

   3. 编写CSS文件以声明宽度：

       .page-layout-new-layout .column.left { width: 60%; float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .page-layout-new-layout .column.main { width: 40%; float: right; -ms-flex-order: 2; -webkit-order: 2; order: 2; } 

   4. 清除缓存

参考：

• https://magento.stackexchange.com/questions/117997/how-to-create-custom-layout-page-in-custom-theme
• http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/layout-types.html
• http://inchoo.net/magento-2/magento-2-custom-cms-page-layout/