我一直在谷歌搜索这几个星期,但没有找到任何东西。
我基本上正在研究一个已经制作的启动主题,其中包含用于Magento 2的bootstrap 3或者关于如何制作一个的说明,但在搜索几周之后我还没有找到任何东西。
是否有人可以在这里提供帮助,因为我似乎无法找到与该主题相关的任何内容?
答案 0 :(得分:0)
为了创建基本引导主题。您需要创建一个不从基本主题继承的主题(没有父主题)。其次,看看其他magento主题的布局文件夹中的defaul.xml,这样你就可以知道该怎么做了。
下面是我为了解基本主题作为父主题的主题布局所做的xml结构。
Magento_Theme /布局/ default.xml中
container = after.body.start -
asdfasd
asasdfsd
container = page.wrapper as page_wrapper
<div class="page-wrapper">
container = global.notices as global_notices before -
<header class="page-header">
<div class="panel wrapper"> first thing and header.panel.wrapper
<div class="panel header"> header.panel
skip_to_content skip.html
store_language
top.links
<block class="Magento\Framework\View\Element\Html\Links" name="top.links">
header
<arguments>
<argument name="css_class" xsi:type="string">header links</argument>
</arguments>
</block>
<block class="Magento\Framework\View\Element\Html\Links" name="header.links">
</div>
</div>
<div class="header content"> header-wrapper
logo
</div>
</header> header.container
container = page.top after header.container
navigation.sections
store.menu
catalog.topnav
store.links
store.settings
store.settings.language
store.settings.currency
container = top.container
<div class="top-container"></div>
breadcrumbs
container = main.content
<main id="maincontent" class="page-main">
container = columns.top (before main columns)
page.main.title -> title.phtml
container = page.messages
<div class="page messages">
ajax.message.placeholder -> html/messages.html
messages -> messages.phtml
</div>
container = columns
<div class="columns">
container = main
<div class="column main">
<container name="content.top" label="Main Content Top"/>
<container name="content" label="Main Content Area"/>
<container name="content.aside" label="Main Content Aside"/>
<container name="content.bottom" label="Main Content Bottom"/>
</div>
</div>
</main>
container = page.bottom.container after main.content
<div class="page-bottom">
<container name="page.bottom" label="Before Page Footer" htmlTag="div" htmlClass="content"/>
</div>
<footer class="page-footer">
<div class="footer content">
store_switcher
footer_links
report.bugs
</div>
</footer> footer-container footer
container = before.body.end after -
absolute_footer -> html/absolute_footer.phtml
copyright
</div>
```
它可能看起来很疯狂,但是如果您的主题继承自基本主题,那么您将使用该布局的蓝图。
空白主题&gt;基本主题&gt;我的主题。