【问题标题】:How do I create a custom header in Magento 2 using HTML and CSS如何使用 HTML 和 CSS 在 Magento 2 中创建自定义标题
【发布时间】:2017-01-24 12:19:09
【问题描述】:

我想在 Magento 2 中为我的主题制作一个自定义标题。我设法创建了一个工作模块,它现在只输出“Hello World”并显示在我商店的标题部分。现在,我如何删除旧的标题面板并告诉我的新标题面板如何?我真的很困惑 Magento 如何使用 CSS 和 LESS 或 HTML。我可以使用 HTML 代码吗?我有一个普通的 HTML 网站,其中包含指向我的 Magento 商店的链接。我想要一个平稳的过渡,这意味着我希望我在 Magento 中的标题看起来与我的“正常”网站上的完全一样。我该如何做到这一点?我不知道从哪里开始。

【问题讨论】:

    标签: html css magento themes magento-2.0


    【解决方案1】:

    magento 的头文件存储在 app/design/frontend/package/theme/template/page/html/header.phtml 中。 现在,您可以进行更改。确保进行备份,以防出现问题。当您更改页眉或页脚中的某些内容以使其反映时,请确保清除缓存。

    现在,因为您想使用大部分 HTML 和 CSS 进行格式化。 PHTML 文件基本上是那些使用 PHP 和 HTML 的文件。您实际上可以在 PHTML 文件中执行您将在 HTML 中执行的任何操作,因此无需担心那部分。请记住,您编写的任何内容都会出现在所有前端页面中,因此如果您为主页编写一些繁重的脚本,无论您是否需要在其他地方使用它都会在任何地方使用。

    如果您是新手并想学习 magento 开发,请尝试由 Allan MacGregor 编写的 Magento PHP 开发人员指南。它是那里最好的书之一。一切顺利。

    【讨论】:

      【解决方案2】:

      您需要在 App/design/frontend 文件夹中创建自定义标题布局和设计,然后您需要通过在 default.xml 文件中编写代码来将自定义标题覆盖为默认自定义标题。

      更多详情请参考以下网址:

      https://magento.stackexchange.com/questions/102468/remove-header-part-and-add-new-header-from-my-custom-module-magento-2-0-1

      https://magento.stackexchange.com/questions/113969/creating-custom-header-extending-magento-blank-in-magento-2

      http://www.dckap.com/blog/add-custom-header-footer-links-magento-2/

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-09-13
        • 1970-01-01
        • 1970-01-01
        • 2017-05-09
        • 2013-04-21
        • 2017-02-01
        • 2011-01-19
        • 1970-01-01
        相关资源
        最近更新 更多