优化手机版网站底部

优化产品列表色块大小
首页底部类目封装成块

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

@@ -333,20 +333,7 @@
         </div>
 </div>
 
-<div  class="top-content-home">
-    <div class="banner-4-cate">
-        <a href="/bodysuits.html" ><img src="/media/wysiwyg/BDS.jpg" alt="" /></a>
-    </div>
-    <div class="banner-4-cate">
-        <a href="/bodysuits/bra.html" ><img src="/media/wysiwyg/Bra_1.jpg" alt="" /></a>
-    </div>
-    <div class="banner-4-cate">
-        <a href="/control-panties.html" ><img src="/media/wysiwyg/BT.jpg" alt="" /></a>
-    </div>
-    <div class="banner-4-cate">
-        <a href="/corsets-waist-trainer.html" ><img src="/media/wysiwyg/WT.jpg" alt="" /></a>
-    </div>
-</div>
+<?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('home_category_thumnail')->toHtml();?>
 
 <div class="select-element section-before-footer clearfix">
     <div class="container-before-footer clearfix">

app/design/frontend/Joshine/breeze/Magento_Newsletter/templates/subscribe.phtml

@@ -85,7 +85,6 @@
         background: #000;
     }
     .newsletter-list > span {
-        color: #fff;
         text-transform: uppercase;
         line-height: 80px;
         font-size: smaller;
@@ -111,30 +110,33 @@
         .newsletter-list {
             width: 100%;
             float: left;
-            text-align: inherit;
+            text-align: center;
+            margin-top: 3%;
         }
          .newsletter-list ul{
             justify-content: center;
         }
         .block.newsletter{
-            height: 140px;
+            height: 200px;
             margin-top: 0px;
-            background: none;
+            padding: 10px;
         }
         .newsletter-list.sub  {
             width: 105%;
-            margin-top: -1%;
+            margin-top: 3%;
         }
         .newsletter-list.ins  {
             width: 100%;
             text-align: inherit;
+            margin-top: 5%;
+            margin-left: 15%;
         }
         .actions .subscribe {
             margin-left: -16px;
             width: 30%;
         }
         .newsletter-list > span {
-            color: #000;
+            color: #ffffff;
             text-transform: uppercase;
             line-height: 40px;
             font-size: smaller;
@@ -143,7 +145,6 @@
         .newsletter-list ul >li >a > img{
             max-width: 50%;
             margin-left: 2px;
-            background-color: black;
             width: 100%;
             height: 100%;
             border-radius: 50%;

app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/footer.phtml

@@ -24,7 +24,7 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
     <div class="footer_link">
         <div style="text-align: center;color: #ffffff;" >
             <img src="/media/wysiwyg/joshine_logo_1.png" width="200px;"  class="logo_img" id="footer_logo">
-            <h4 id="footer_logo_name">JOSHINE info</h4>
+
         </div>
         <div>
             <h4>ABOUT JOSHINE <span> > </span></h4>

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

@@ -412,23 +412,19 @@ footer .footer_link{
     margin-top: 10%;
   }
   footer a{
-    color: #222;
     text-decoration: auto;
     font-size: 14px;
   }
-  #footer_logo{
-    display: none;
-  }
   #footer_logo_name{
     display: block;
-    color: #222;
+    color: #ffffff;
     float: left;
     font-weight: 600;
     margin-top: 10px;
   }
   .footer_link > div {
     width: 100%;
-    color: #222;
+    color: #fff;
     margin-top: 10px;
   }
 
@@ -1606,8 +1602,7 @@ footer{
   }
   footer{
     padding-top: 115px;
-    margin-top: -120px;
-    background-color: #f6f6f6;
+    margin-top: -80px;
     margin-bottom: env(safe-area-inset-bottom);
   }
 
@@ -1792,6 +1787,15 @@ border-radius: 50% !important;;
 display: none !important;
 }
 
+@media (max-width: 768px){
+  .product-item-info > product-item-details > div > .swatch-attribute.color > div > .swatch-option.color {
+    width: 30px !important;;
+    height: 30px !important;;
+    border-radius: 50% !important;;
+  }
+}
+
+
 
 //商品评论
 .amreview-submit-form .review-fieldset .review-legend.legend>span {
@@ -1799,7 +1803,7 @@ float: left;
 margin: 0 5px 0 0;
 font-weight: bold;
 }
-@media (min-width: 768px){
+@media (max-width: 768px){
   .product.info .review-add {
   float: left;
   width: 100% !important;