如何在 magento 2.3 中设计带有徽标、导航栏和购物车的标题?

Question

我想通过扩展Luma主题来设计一个标题。我附上了关于我想要如何进行标题设计的图片。有人可以帮我吗？我是Magento的新手，仍在学习东西。我正在使用Magento 2.3.2，并通过扩展Luma主题作为父主题，在应用程序/设计/前端/Vendor_name/theme_name/中创建了一个自定义主题。谢谢。

请参考此链接以获取参考标题图像，我想要与下图相同的标题， https://i.stack.imgur.com/fZtr8.png

Answer 1

我通过以下步骤实现了相同的设计。 请注意，我扩展了空白主题。

1. 在您的主题中，打开文件Magento_theme/布局/默认.xml。
2. 将导航移到徽标之后
3. 创建一个新容器以对所有三个右侧图标进行分组
4. 导航后移动新容器"header.actions">
5. 将微型购物车、搜索和用户图标移动到标题中。actions 容器
6. 清除缓存并刷新浏览器

<move element="catalog.topnav" destination="header-wrapper" after="logo"/>
<container name="header.actions" htmlTag="div" htmlClass="header-actions"/> 
<move element="header.actions" destination="header-wrapper" after="catalog.topnav"/>
<move element="top.search" destination="header.actions" after="-" />
<move element="minicart" destination="header.actions"  before="-"/>
<move element="my-account-link" destination="header.actions" after="minicart"/>