添加带有静态块的自定义主页答案

【问题标题】：Adding custom home page with static blocks添加带有静态块的自定义主页
【发布时间】：2014-03-18 18:51:56
【问题描述】：

我目前正在安装 Magento 1.8，我想在其中创建一个主页，这是自定义的。

主页中的可编辑区域应该是静态块（因此不可能在 CMS > 页面编辑器中编辑内容）。这怎么可能？

我找不到任何仅适用于主页的布局 - 它们都适用于整个 CMS 页面..

【问题讨论】：

标签： magento magento-1.8

【解决方案1】：

我更喜欢完全创建一个新的自定义模板。

例如，在 /app/etc/modules/ 创建一个名为 Custom_Home.xml 的文件

<?xml version="1.0"?>
<config>
    <modules>
        <Custom_Home>
            <active>true</active>
            <codePool>local</codePool>
            <depends>
                <Mage_Page />
            </depends>
        </Custom_Home>
    </modules>
</config>

然后创建以下文件夹：app/code/local/Custom/Home/etc。在 /etc 中，创建一个 config.xml 文件：

<?xml version="1.0"?>
<config>
  <modules>
    <Custom_Home>
      <version>0.1.0</version>
    </Custom_Home>
  </modules>
  <global>
    <page>
      <layouts>
        <Home translate="label">
          <label>Home</label> <!-- The label that appears in the CMS Page layout dropdown -->
          <template>page/home.phtml</template><!-- The path to the new template -->
        </Home>  
      </layouts>
    </page>
  </global>
</config>

这将在 CMS 页面上添加另一个页面布局选项，并导航到 Design->Layout。

当然，您需要创建一个 home.phtml 文件才能使页面正常工作。然后在 home.phtml 中，您可以调用不会影响任何其他默认 Magento 模板的静态块。

【讨论】：

太酷了.. 然后我怎样才能添加 CSS 和 JS 文件呢？ :)
通常在你的 .phtml 文件中你会有这样一行代码： getChildHtml('head'); ?>。然后，这将引用一个 xml 文件（page.xml，位于 app/design/frontend/default/YOURTHEME/layout/page.xml），其中将包含您的所有 JS 和 CSS 文件。只需将它们添加到那里。

【解决方案2】：

您可以在 CMS 页面中包含静态块

{{block type="cms/block" block_id="foo_block"}}

【讨论】：

是的，但问题是，我想展示 6 个最新和 6 个最受欢迎的产品 + 一些博客文章.. :)

【解决方案3】：

您还可以调用包含更多功能的 phtml 文件：

{{block type="core/template" template="catalog/custom-home.phtml"}}

您可以通过布局更新 XML 字段将 css 和 js 文件添加到您的 cms 站点，例如：

css/custom.css skin_jsjs/jquery/plugin.js

【讨论】：