Commit 4fb81029 by lmf

优化手机版网站底部

优化产品列表色块大小
首页底部类目封装成块
parent 937f03b5
...@@ -333,20 +333,7 @@ ...@@ -333,20 +333,7 @@
</div> </div>
</div> </div>
<div class="top-content-home"> <?php echo $block->getLayout()->createBlock('Magento\Cms\Block\Block')->setBlockId('home_category_thumnail')->toHtml();?>
<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>
<div class="select-element section-before-footer clearfix"> <div class="select-element section-before-footer clearfix">
<div class="container-before-footer clearfix"> <div class="container-before-footer clearfix">
......
...@@ -85,7 +85,6 @@ ...@@ -85,7 +85,6 @@
background: #000; background: #000;
} }
.newsletter-list > span { .newsletter-list > span {
color: #fff;
text-transform: uppercase; text-transform: uppercase;
line-height: 80px; line-height: 80px;
font-size: smaller; font-size: smaller;
...@@ -111,30 +110,33 @@ ...@@ -111,30 +110,33 @@
.newsletter-list { .newsletter-list {
width: 100%; width: 100%;
float: left; float: left;
text-align: inherit; text-align: center;
margin-top: 3%;
} }
.newsletter-list ul{ .newsletter-list ul{
justify-content: center; justify-content: center;
} }
.block.newsletter{ .block.newsletter{
height: 140px; height: 200px;
margin-top: 0px; margin-top: 0px;
background: none; padding: 10px;
} }
.newsletter-list.sub { .newsletter-list.sub {
width: 105%; width: 105%;
margin-top: -1%; margin-top: 3%;
} }
.newsletter-list.ins { .newsletter-list.ins {
width: 100%; width: 100%;
text-align: inherit; text-align: inherit;
margin-top: 5%;
margin-left: 15%;
} }
.actions .subscribe { .actions .subscribe {
margin-left: -16px; margin-left: -16px;
width: 30%; width: 30%;
} }
.newsletter-list > span { .newsletter-list > span {
color: #000; color: #ffffff;
text-transform: uppercase; text-transform: uppercase;
line-height: 40px; line-height: 40px;
font-size: smaller; font-size: smaller;
...@@ -143,7 +145,6 @@ ...@@ -143,7 +145,6 @@
.newsletter-list ul >li >a > img{ .newsletter-list ul >li >a > img{
max-width: 50%; max-width: 50%;
margin-left: 2px; margin-left: 2px;
background-color: black;
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
......
...@@ -24,7 +24,7 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight() ...@@ -24,7 +24,7 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
<div class="footer_link"> <div class="footer_link">
<div style="text-align: center;color: #ffffff;" > <div style="text-align: center;color: #ffffff;" >
<img src="/media/wysiwyg/joshine_logo_1.png" width="200px;" class="logo_img" id="footer_logo"> <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>
<div> <div>
<h4>ABOUT JOSHINE <span> > </span></h4> <h4>ABOUT JOSHINE <span> > </span></h4>
......
...@@ -412,23 +412,19 @@ footer .footer_link{ ...@@ -412,23 +412,19 @@ footer .footer_link{
margin-top: 10%; margin-top: 10%;
} }
footer a{ footer a{
color: #222;
text-decoration: auto; text-decoration: auto;
font-size: 14px; font-size: 14px;
} }
#footer_logo{
display: none;
}
#footer_logo_name{ #footer_logo_name{
display: block; display: block;
color: #222; color: #ffffff;
float: left; float: left;
font-weight: 600; font-weight: 600;
margin-top: 10px; margin-top: 10px;
} }
.footer_link > div { .footer_link > div {
width: 100%; width: 100%;
color: #222; color: #fff;
margin-top: 10px; margin-top: 10px;
} }
...@@ -1606,8 +1602,7 @@ footer{ ...@@ -1606,8 +1602,7 @@ footer{
} }
footer{ footer{
padding-top: 115px; padding-top: 115px;
margin-top: -120px; margin-top: -80px;
background-color: #f6f6f6;
margin-bottom: env(safe-area-inset-bottom); margin-bottom: env(safe-area-inset-bottom);
} }
...@@ -1792,6 +1787,15 @@ border-radius: 50% !important;; ...@@ -1792,6 +1787,15 @@ border-radius: 50% !important;;
display: none !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 { .amreview-submit-form .review-fieldset .review-legend.legend>span {
...@@ -1799,7 +1803,7 @@ float: left; ...@@ -1799,7 +1803,7 @@ float: left;
margin: 0 5px 0 0; margin: 0 5px 0 0;
font-weight: bold; font-weight: bold;
} }
@media (min-width: 768px){ @media (max-width: 768px){
.product.info .review-add { .product.info .review-add {
float: left; float: left;
width: 100% !important; width: 100% !important;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment