Skip to content

J
joshine
Commit f6af0b81 by lmf
Options

优化产品详情样式适配

parent b60c351d
Showing with 32 additions and 37 deletions
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addtocart.phtml
...@@ -155,24 +155,24 @@ ...@@ -155,24 +155,24 @@
<div id="areaMask" class="mask"></div> <div id="areaMask" class="mask"></div>
</li> </li>
<style> <style>
#product-intro__freeshipping-more-3{ @media (min-width: 1024px){
display: inline-block; #product-intro__freeshipping-more-3{
display: inline-block; display: inline-block;
color: #2d68a; display: inline-block;
font-size: 12px; color: #2d68a;
line-height: 1; font-size: 12px;
margin-left: 60%; line-height: 1;
width: 70px; float: right;
float: right; margin-top: 10px;
margin-top: 10px; }
} .action.primary.tocart{
.action.primary.tocart{ font-size: 18px;
font-size: 18px; background-color: #000;
background-color: #000; max-width: 100%;
max-width: 100%; font-weight: 600;
font-weight: 600; height: 55px;
height: 55px; width: 100%;
width: 100%; }
} }
.express-area-box article { overflow-y: scroll;height: calc(100vh); } .express-area-box article { overflow-y: scroll;height: calc(100vh); }
@media (max-width: 1024px){ @media (max-width: 1024px){
...@@ -180,7 +180,7 @@ ...@@ -180,7 +180,7 @@
margin-top: 7px; margin-top: 7px;
float: right; float: right;
width: 20%; width: 20%;
margin-left: 0; margin-left: 60%;
} }
#wishlist{ #wishlist{
display: none; display: none;
...@@ -215,9 +215,6 @@ ...@@ -215,9 +215,6 @@
} }
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.swatch-attribute-options{
flex-wrap: inherit !important;
}
.product-reviews-summary{ .product-reviews-summary{
width: 50% !important; width: 50% !important;
margin-top: -5.8% !important; margin-top: -5.8% !important;
...@@ -255,16 +252,4 @@ ...@@ -255,16 +252,4 @@
.area-content{padding:10px;max-width: max-content;width: 600px;} .area-content{padding:10px;max-width: max-content;width: 600px;}
.mask { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } .mask { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
} }
@media screen and (min-width: 1024px) and (max-width: 1450px) {
.product-info-wrapper .page-title-wrapper,.product-info-wrapper .product-info-main {
margin-left: 1%;
width: 100%;
}
.stage {
min-width: 700px !important;
min-height: 800px;
}
}
</style> </style>
\ No newline at end of file
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/gallery.phtml
...@@ -39,12 +39,23 @@ $sizes = $responsiveImageHelper->getSizes('product_page_image_medium'); ...@@ -39,12 +39,23 @@ $sizes = $responsiveImageHelper->getSizes('product_page_image_medium');
$thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small'); $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
?> ?>
<style> <style>
@media screen and (min-width: 1024px) and (max-width: 1500px) {
.product-info-wrapper .page-title-wrapper,.product-info-wrapper .product-info-main {
margin-left: 1%;
width: 100%;
}
.stage {
min-width: 700px !important;
min-height: 800px !important;
}
}
@media (min-width: 1024px){ @media (min-width: 1024px){
.main-image-wrapper .mobile-pic{ .main-image-wrapper .mobile-pic{
display: none !important; display: none !important;
} }
.stage { .stage {
min-width: 800px !important; min-width: 800px;
} }
} }
@media (max-width: 1024px){ @media (max-width: 1024px){
......
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