Magento 2关于我们页面左侧布局修改：移除并自定义Compare模块

嗨，我来帮你搞定这个需求！在Magento 2里调整“关于我们”页面的左侧布局，移除Compare模块并做自定义配置，主要有两种实用方式——适合非技术人员的后台可视化操作，和适合开发者的代码自定义方案，我分别给你拆解清楚：

方法一：后台页面布局编辑器（无需写代码） #

这是最快捷的方式，不用碰代码就能完成修改：

• 先登录Magento 2后台，进入 内容 > 页面 菜单
• 在页面列表里找到你的「关于我们」页面，点击右侧的「编辑」按钮
• 切换到设计标签页，找到「布局更新」区域
• 如果想直接去掉整个左侧栏，就点击「添加布局更新」，选择「页面」作为更新类型，然后在「布局」下拉框里选「1列」布局即可
• 如果只是想移除Compare模块，保留左侧栏用来放自定义内容，就在「布局更新XML」框里添加这段代码：

<referenceContainer name="sidebar.main">
    <referenceBlock name="catalog.compare.sidebar" remove="true"/>
</referenceContainer>

• 要是还想在左侧栏加自定义内容，比如一个静态块，就继续在XML里补充：

<referenceContainer name="sidebar.main">
    <block class="Magento\Cms\Block\Block" name="custom_about_sidebar">
        <arguments>
            <argument name="block_id" xsi:type="string">你的自定义块标识符</argument>
        </arguments>
    </block>
</referenceContainer>

（这里的「你的自定义块标识符」是你在后台内容 > 块里创建的静态块的ID，提前建好就能直接用）

• 最后保存页面，清理后台缓存，刷新前端页面就能看到效果了

方法二：主题XML文件自定义（适合开发者） #

如果需要把这个修改固化到主题里，或者要做更复杂的布局调整，就用这种方式：

• 找到你的主题目录，一般路径是app/design/frontend/[你的厂商名]/[你的主题名]/
• 创建或编辑布局文件：如果你的「关于我们」页面标识符是about_us，就建Magento_Cms/layout/cms_page_view_id_about_us.xml；如果页面的URL键是about-us，就用cms_page_view_url_key_about-us.xml
• 在这个XML文件里写入以下内容：

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <!-- 移除Compare侧边栏模块 -->
        <referenceBlock name="catalog.compare.sidebar" remove="true"/>
        
        <!-- 添加自定义侧边栏内容，这里示例用静态块 -->
        <referenceContainer name="sidebar.main">
            <block class="Magento\Cms\Block\Block" name="custom_about_sidebar" after="-">
                <arguments>
                    <argument name="block_id" xsi:type="string">your_custom_block_id</argument>
                </arguments>
            </block>
        </referenceContainer>
    </body>
</page>

• 保存文件后，执行命令清除缓存：bin/magento cache:clean，然后刷新前端页面就生效了

小提醒 #

• 不管用哪种方法，修改后一定要清除缓存，不然前端不会同步更新
• 如果你的主题有自定义布局结构，侧边栏容器可能不是sidebar.main，可以开启后台的「模板路径提示」（商店 > 配置 > 高级 > 开发者 > 调试）来查看准确的容器名称
• 用后台编辑器的时候，要确保布局更新只应用在「关于我们」页面上，别不小心影响了其他页面

内容的提问来源于stack exchange，提问作者Ashley Prudente