[Magento 2 定制化开发] 之十六：Magento 的 Newsletter 模块挪到页脚右下角

需求

Magento 首页 Newsletter 模块挪到页脚的右下角。

html 特征

class = form subscribe

代码文件

cd vendor/swissup
grep "form subscribe" -r .

没有找到相关文件。

cd vendor/magento
grep "form subscribe" -r .

./module-newsletter/view/frontend/templates/subscribe.phtml

处理方案

方案一： 注释掉 subscribe.phtml 中的相关代码

方案二： 在 xml 配置中，禁用 Newsletter 模块。

我感觉方案一，最简单直接，不需要了解 magento 的 xml 配置就能搞定。 注意不要注释掉 js 部分代码。

newsletter 的默认代码

从浏览器中，备份 Newsletter 模块的代码，方便复制到页脚中。

<div class="block newsletter">
    <div class="title scroll-reveal reveal-slide-in reveal-ready" style="--animation-order: 0;"><strong>Newsletter</strong></div>
    <div class="content scroll-reveal reveal-slide-in reveal-ready" style="--animation-order: 0;">
        <form class="form subscribe" action="/newsletter/subscriber/new/" method="post" data-mage-init="{&quot;validation&quot;: {&quot;errorClass&quot;: &quot;mage-error&quot;}}" id="newsletter-validate-detail" novalidate="true" data-validator-ready="true">
            <div class="field newsletter">
                <div class="control">
                    <label for="newsletter">
                        <span class="label">
                            Sign Up for Our Newsletter:                        </span>
                        <input name="email" type="email" id="newsletter" placeholder="Enter your email address" data-mage-init="{&quot;mage/trim-input&quot;:{}}" data-validate="{required:true, 'validate-email':true}" required="required">
                    </label>
                </div>
            </div>
            <div class="actions">
                <button class="action subscribe primary" title="Subscribe" type="submit" aria-label="Subscribe">
                    <span>Subscribe</span>
                </button>
            </div>
        </form>
    </div>
</div>

页脚代码修改

登录 magento 后台，找到 Content -> Blocks，点击 Footer Block，编辑 Footer Block 的内容。

把上面备份的代码复制到页脚的 HTML 中。 然后点击 Save Block 保存。

执行命令使修改生效

php bin/magento cache:clean
php bin/magento cache:flush

继续阅读 🌳

Magento 2 主题定制化开发系列教程

微信关注我哦 👍

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式