Skip to content

J
joshine
Commit 90ce57f0 by lmf
Options

重构网站公共底部

parent c8ed9f00
Showing with 115 additions and 15 deletions
app/design/frontend/Joshine/breeze/Magento_Newsletter/templates/subscribe.phtml
...@@ -127,25 +127,42 @@ ...@@ -127,25 +127,42 @@
.newsletter-list { .newsletter-list {
width: 100%; width: 100%;
float: left; float: left;
text-align: center; text-align: inherit;
} }
.newsletter-list ul{ .newsletter-list ul{
display: flex;
justify-content: center; justify-content: center;
} }
.block.newsletter{ .block.newsletter{
height: 200px; height: 140px;
margin-top: 0px; margin-top: 0px;
background: none;
} }
.newsletter-list.sub { .newsletter-list.sub {
width: 105%; width: 105%;
margin-top: -1%;
} }
.newsletter-list.ins { .newsletter-list.ins {
width: 100%; width: 100%;
text-align: inherit;
} }
.actions .subscribe { .actions .subscribe {
margin-left: -16px; margin-left: -16px;
width: 28%; width: 30%;
}
.newsletter-list > span {
color: #000;
text-transform: uppercase;
line-height: 40px;
font-size: smaller;
font-weight: 400;
}
.newsletter-list ul >li >a > img{
max-width: 50%;
margin-left: 2px;
background-color: black;
width: 100%;
height: 100%;
border-radius: 50%;
} }
} }
</style> </style>
......
app/design/frontend/Joshine/breeze/Magento_Theme/templates/html/footer.phtml
...@@ -22,8 +22,9 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight() ...@@ -22,8 +22,9 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
<div class="footer-container"> <div class="footer-container">
<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"> <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>
...@@ -55,7 +56,8 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight() ...@@ -55,7 +56,8 @@ $logoHeight = $logoSizeResolver !== null && $logoSizeResolver->getHeight()
</div> </div>
<div class="copyright" > <div class="copyright" >
<span class="copyright_left">Copyright © JOSHINE all rights reserved</span> <span class="copyright_left">Copyright © JOSHINE all rights reserved</span>
<span class="copyright_right"><img src="/media/wysiwyg/footerpay.png" height="40px;"> <span class="copyright_right">
<img src="/media/wysiwyg/footerpay.png" height="40px;">
<a title="Copy Right" href="/copy-right" >Copy Right</a> <a title="Copy Right" href="/copy-right" >Copy Right</a>
<a title="Terms of Use" href="/terms-of-use" >Terms of Use</a> <a title="Terms of Use" href="/terms-of-use" >Terms of Use</a>
<a title="Security & Privacy Policy" href="/security-privacy-policy" >Security & Privacy Policy</a> <a title="Security & Privacy Policy" href="/security-privacy-policy" >Security & Privacy Policy</a>
......
app/design/frontend/Joshine/breeze/web/css/_custom.less
...@@ -200,12 +200,7 @@ ...@@ -200,12 +200,7 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
footer{
margin-top: 18px;
background: #000;
color: #fff;
padding: 10px ;
}
footer .footer_link { footer .footer_link {
margin-bottom: 40px; margin-bottom: 40px;
...@@ -216,18 +211,22 @@ footer .footer_link .logo_img{ ...@@ -216,18 +211,22 @@ footer .footer_link .logo_img{
footer a{ footer a{
color: #fff; color: #fff;
text-decoration: auto; text-decoration: auto;
font-size: 14px;
} }
.footer_link > div{ .footer_link > div{
float: left; float: left;
width: 25%; width: 25%;
} }
.footer_link h4{ .footer_link h4{
margin-bottom: 20px;
font-size: smaller; font-size: smaller;
} }
.footer_link h4 span{ .footer_link h4 span{
display: none; display: none;
} }
footer .footer_link{
color: #fff;
}
.footer_link ul li{ .footer_link ul li{
margin-bottom: 12px; margin-bottom: 12px;
font-family: 'Outfit-Regular'; font-family: 'Outfit-Regular';
...@@ -238,6 +237,19 @@ footer a{ ...@@ -238,6 +237,19 @@ footer a{
width: 100%; width: 100%;
} }
footer{
padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6;
margin-bottom: env(safe-area-inset-bottom);
}
.copyright > .copyright_left{
color:#b2b2b2;
}
.copyright > .copyright_right{
display: none;
}
.block-search > .block .block-content{ .block-search > .block .block-content{
display: none; display: none;
} }
...@@ -385,6 +397,61 @@ footer a{ ...@@ -385,6 +397,61 @@ footer a{
//} //}
} }
@media screen and (max-width:789px) {
footer{
padding: 0.64rem 0.64rem 0.53rem;
background-color: #f6f6f6;
}
footer .footer_link {
margin-bottom: 40px;
}
footer .footer_link .logo_img{
margin-top: 10%;
}
footer a{
color: #222;
text-decoration: auto;
font-size: 14px;
}
#footer_logo{
display: none;
}
#footer_logo_name{
display: block;
color: #222;
float: left;
font-weight: 600;
margin-top: 10px;
}
.footer_link > div {
width: 100%;
color: #222;
margin-top: 10px;
}
.block-search > .block .block-content {
display: none;
}
.block-content > .minisearch {
display: none !important;
}
.footer_link > div > img {
margin-top: 10px;
margin-bottom: 20px;
}
.footer_link h4{
font-weight: normal;
}
.footer_link ul li{
margin-bottom: 12px;
font-family: emoji;
font-size: 12px;
}
}
.input-text.qty,#qty{ .input-text.qty,#qty{
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
...@@ -427,7 +494,7 @@ ul { ...@@ -427,7 +494,7 @@ ul {
} }
.copyright{ .copyright{
text-align: center; text-align: center;
border-top: 1px solid #423f3f; border-top: 1px solid #4222;
padding: 10px 0; padding: 10px 0;
font-size: smaller; font-size: smaller;
} }
...@@ -1063,3 +1130,17 @@ footer{ ...@@ -1063,3 +1130,17 @@ footer{
margin-top: 0px; margin-top: 0px;
} }
} }
@media (max-width: 780px){
.copyright > .copyright_left{
color:#b2b2b2;
}
footer{
padding-top: 140px;
margin-top: -120px;
}
}
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