Um ein Basis-Bootstrap-Thema zu erstellen. Sie müssen ein Design erstellen, das nicht vom Basisthema erbt (ohne übergeordnetes Design). Zweitens, werfen Sie einen Blick auf die defaul.xml im Layout-Ordner anderer Magento-Themes, damit Sie wissen, was zu tun ist.
Unten ist die XML-Struktur, die ich gemacht habe, um das Layout meines Themas zu verstehen, das das Basisthema als Eltern hat.
Magento_Theme/layout/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>
```
Es ist verrückt aussehen könnte aber das ist ein Entwurf des Layouts, die Sie verwenden, wenn Ihr Thema aus Basis Thema erben.
leeres Thema> Basisthema> Mein Thema.