drupal主题开发

用smartmenus来实现drupal的菜单效果和搜索框

日期:2017-06-27 阅读:695

用smartmenus来实现drupal的菜单效果和搜索框

进入网易云课堂播放
    |    更多视频教程>

在入门教程里,我们用superfish来实现了drupal的下拉菜单效果。
在主题开发里,我们尽量不用模块。而是用js插件 smartmenus 来实现下拉菜单和响应式菜单。

覆写 navigation/menu--main.html.twig 

------------------

关于搜索框,根据前端做好的html,我们要改动下page.html.twig文件。

覆写 block/block--search.html.twig

    <!-- Navigation -->
      <div class="col-md-9">
        {% if page.primary_menu %}
          {{ page.primary_menu }}
        {% endif %}      
      </div>
      <!--End Navigation -->
在primary_menu区域下,增加topsearch区域。
 {% if page.topsearch %}
     <!-- topsearch -->
          <div class="topsearch">
              {{ page.topsearch }}
 
        </div>
 
      <!--End topsearch -->
  {% endif %}    

效果如下:

<<点击返回

Drupal8主题开发视频教程 (进入专题>)