添加一个动态的产品网格或列表到 Magento 的任何静态页面，只需添加几行代码即可轻松实现。挑战在于知道要添加哪些代码以及将它们放在哪里。
Magento 是一个流行的开源电子商务平台，根据官网数据，其下载量已超过 750,000 次。它提供了数十个出色的内置功能，并具有足够的灵活性以适应任何电子商务设计或需求。但 Magento 可能显得复杂，可能会让新设计师或 DIY 企业家感到不知所措。
在这篇“网页设计技巧”中，我将向您展示在不修改 PHP 的情况下对平台默认主题进行更改是多么容易。具体包括：(1) 如何使用模板路径提示来定位 PHTML 和 XML 文件；(2) 演示如何使用管理面板中的内容管理部分来修改静态首页。
使用模板路径提示定位 XML 和 PHTML 文件
Magento 拥有极佳的用户体验和易用的后端。但为了动态生成这些电商优势，系统使用了大量文件。在本示例的实现中，关联的 网页设计技巧 涉及九个级联样式表、25 个 XML 文件和超过 40 个 PHTML 模板。
幸运的是，有一个简单工具可用于定位文件。请登录 Magento 管理面板，导航至 System > Configuration（系统 > 配置）。
在配置页面上，查看左侧导航顶部的下拉菜单“Current Configuration Scope”（当前配置范围）。如果您运行多个网站或商店，请从下拉菜单中选择相应的站点。
接下来，在左侧导航底部选择“Developer”（开发者）。
在开发者页面的“Debug”（调试）部分下，找到“Template Path Hints”（模板路径提示）选项。将其设置为“Yes”（是），并点击右上角的“Save Config”（保存配置）按钮保存。
重新加载 Magento 商店首页，您将看到红色的标签和方框。这些标签标识了页面各部分正在使用的 PHTML 模板。
例如，您可能会看到类似 frontend/default/default_theme/template/checkout/cart/sidebar.phtml 的路径提示。通过此路径，您可以在服务器文件系统中轻松找到对应的 PHTML 文件，并识别相关 XML 文件。对于该示例路径，关联的 XML 文件位于 frontend/default/default_theme/layout/checkout.xml。注意：示例路径中“template”之后的文件夹名称即为对应 XML 文件的名称。
修改 Magento 中的模板
既然已找到支撑页面的模板和 XML 文件，我们就可以进行多种更改，甚至可以将代码从一个页面复制到另一个页面。
我喜欢 Magento 分类和子分类页面上显示的产品网格，并希望将其复制到首页。使用模板路径提示工具，我找到了产品网格对应的 PHTML 文件：catalog/product/list.phtml。
接下来，返回 Magento 管理面板（后端），导航至 CMS > Manage Pages（管理页面），选择静态首页以打开编辑工具。
在内容部分，清除不需要的 HTML，并添加对 list.phtml 的调用。注意：该调用不应嵌套在会限制其大小的 <div> 内部。
调用代码如下所示：
{{block type="catalog/product_list" category_id="35" template="catalog/product/list.phtml"}}
保存更改并重新加载商店前端后，首页上应出现产品网格。如果未显示，您可能会收到错误提示：“没有匹配所选条件的产品。”
若出现此消息，问题出在类别 ID 上——即调用中的 category_id="35"。要在网格中添加产品，必须指定一个有效的类别 ID。完成此操作后，您的 Magento 商店首页上将显示一个漂亮的产品网格。