Magento 2 Bootstrap 3入门主题

时间:2016-08-15 08:18:09

标签: magento magento2

我一直在谷歌搜索这几个星期,但没有找到任何东西。

我基本上正在研究一个已经制作的启动主题,其中包含用于Magento 2的bootstrap 3或者关于如何制作一个的说明,但在搜索几周之后我还没有找到任何东西。

是否有人可以在这里提供帮助,因为我似乎无法找到与该主题相关的任何内容?

1 个答案:

答案 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;我的主题。