首页增加图片分类导航

app/design/frontend/Joshine/breeze/Magento_Cms/templates/default/home.phtml

@@ -22,4 +22,76 @@
         <li class="current"></li>
         <li></li>
     </ul>
-</div>
\ No newline at end of file
+</div>
+
+<p class="shopbycate-title"> Shop By Cateogry</p>
+<div  class="shopcatewpt">
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/strap-control-shorts-shapewear"><img src="/media/wysiwyg/shopbycategory/1-strap.png" alt="" /></a>
+    </div>
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/2-underbust.png" alt="" /></a>
+    </div>
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/overbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/3-overbust.png" alt="" /></a>
+    </div>
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/sleeved-underbust-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/4-sleeved.png" alt="" /></a>
+    </div>
+
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/full-body-shaper-shapewear"><img src="/media/wysiwyg/shopbycategory/5-fullbody.jpg" alt="" /></a>
+    </div>
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/thongs-bodysuits-shapewear/thongs-bodysuits-shapewear"><img src="/media/wysiwyg/shopbycategory/6-thongs.png" alt="" /></a>
+    </div>
+
+
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/pamaleta-luggage"><img src="/media/wysiwyg/shopbycategory/7-buttlifter.png" alt="" /></a>
+    </div>
+    <div class="shop-by-cata" >
+        <a href="https://www.joshine.com/shapewear/overbust-corset"><img src="/media/media url=wysiwyg/shopbycategory/8-waisttrainer.png" alt="" /></a>
+    </div>
+</div>
+<style>
+    .top-content-home .section-element.categories_tab {
+        clear: both;
+    }.section-element.shop_by_categories .container {
+         padding-bottom: 15px;
+     }
+    .shop-by-cata {
+        padding:  20px;
+    }
+    .section-element.shop_by_categories .container {
+        background:llinear-gradient(to right, #a59a8d, #756033);
+    }
+    .shopcatewpt {
+        width: 80%;
+        margin: 0 auto;
+        text-align:center;
+    }
+    p.shopbycate-title {
+        background: #fff;
+        text-align: center;
+        font-size: 28px;
+        font-weight: bold;
+        color: #000;
+        text-transform: uppercase;
+        margin-bottom: 20px;
+        padding-bottom: 20px;
+    }
+    @media(max-width:789px){
+        .shop-by-cata {
+            padding:15px;
+        }
+        p.shopbycate-title{font-size:20px}
+        .shopcatewpt {
+            width: 100%;
+            margin: 0 auto;
+        }
+        .shop-by-cata img {
+            height: 54px;
+        }
+    }
+</style>