网站导航条优化

app/code/Magento/Theme/Block/Html/Topmenu.php

@@ -216,6 +216,15 @@ class Topmenu extends Template implements IdentityInterface
             $html .= '<ul class="subchildmenu col-sm-8 mega-columns columns4">';
             $html .= '<ul class="subchildmenu col-sm-8 mega-columns columns4">';
             $html .= $this->_getHtmlStyle2($child, $childrenWrapClass, $limit, $colStops);
             $html .= $this->_getHtmlStyle2($child, $childrenWrapClass, $limit, $colStops);
             $html .= '</ul>';
             $html .= '</ul>';
+
+            $html .= '<div class="menu-right-block col-sm-4">';
+            $html .= $this->getLayout()
+                ->createBlock(\Magento\Cms\Block\Block::class)
+                ->setBlockId('catpic') //replace my_cmsblock_identifier with real CMS bock identifier
+                ->toHtml();
+
+
+            $html .= '</div>';
             $html .= '</div>';
             $html .= '</div>';
             $html .= '</div>';
             $html .= '</div>';
         } else {
         } else {

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -956,6 +956,9 @@ footer{
       border-right: 1px solid #e1e1e1;
       border-right: 1px solid #e1e1e1;
       padding: 0 20px;
       padding: 0 20px;
     }
     }
+    .navigation .subchildmenu.col-sm-8.mega-columns.columns4 li.level1:last-child{
+      border: none;
+    }
     .navigation .subchildmenu.mega-columns.columns4 > li{
     .navigation .subchildmenu.mega-columns.columns4 > li{
       width: 25%;
       width: 25%;
     }
     }
@@ -965,6 +968,9 @@ footer{
     .navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1){
     .navigation .subchildmenu.mega-columns.columns4 > li:nth-child(4n+1){
       clear: both;
       clear: both;
     }
     }
+    .navigation .menu-right-block.col-sm-4{
+      float: right;
+    }
     .navigation ul li.level0{
     .navigation ul li.level0{
       padding: 0 10px;
       padding: 0 10px;
     }
     }