如何使用HTML和CSS在Magento 2中创建自定义标头

时间:2016-09-16 09:56:24

标签: html css magento themes magento-2.0

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

2 个答案:

答案 0 :(得分:0)

您需要在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/

答案 1 :(得分:0)

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

现在,因为您希望使用大部分HTML和CSS进行格式化。 PHTML文件基本上是那些使用PHP和HTML的人。你几乎可以在用HTML做的PHTML文件中做任何事情,所以不用担心那部分。只要记住你所写的内容,所有前端页面都会出现,所以如果你为主页写一些重要的脚本,不管你是否需要在其他地方使用,它都会在任何地方使用。

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