Commit 1119f305 by lmf

优化详情页自适应

parent 3c209fad
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
height: 55px; height: 55px;
width: 300px; width: 300px;
} }
@media (max-width: 780px){ @media (max-width: 1024px){
#product-intro__freeshipping-more-3{ #product-intro__freeshipping-more-3{
margin-top: 7px; margin-top: 7px;
float: right; float: right;
...@@ -208,7 +208,7 @@ ...@@ -208,7 +208,7 @@
font-weight: 500; font-weight: 500;
} }
} }
@media (min-width: 780px) { @media (min-width: 1024px) {
#wishlist{ #wishlist{
width: 10%; width: 10%;
float: left; float: left;
......
...@@ -27,12 +27,12 @@ $sizes = $responsiveImageHelper->getSizes('product_page_image_medium'); ...@@ -27,12 +27,12 @@ $sizes = $responsiveImageHelper->getSizes('product_page_image_medium');
$thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small'); $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
?> ?>
<style> <style>
@media (min-width: 768px){ @media (min-width: 1024px){
.main-image-wrapper .mobile-pic{ .main-image-wrapper .mobile-pic{
display: none !important; display: none !important;
} }
} }
@media (max-width: 768px){ @media (max-width: 1024px){
.main-image-wrapper > img{ .main-image-wrapper > img{
display:none; display:none;
} }
...@@ -60,6 +60,11 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small'); ...@@ -60,6 +60,11 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
--container-max-width: 80%; --container-max-width: 80%;
} }
} }
@media(min-width: 768px) {
.breadcrumbs ul {
width: 80%;
}
}
</style> </style>
...@@ -195,6 +200,7 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small'); ...@@ -195,6 +200,7 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
margin-top: -20px; margin-top: -20px;
} }
} }
</style> </style>
<script> <script>
require([ require([
......
...@@ -224,7 +224,7 @@ define([ ...@@ -224,7 +224,7 @@ define([
}, 1000); }, 1000);
setTimeout(function () { setTimeout(function () {
$('[data-block="minicart"]').find('[data-role="dropdownDialog"]').dropdownDialog('open'); $('[data-block="minicart"]').find('[data-role="dropdownDialog"]').dropdownDialog('open');
}, 3000); }, 2000);
} }
......
...@@ -158,6 +158,12 @@ ...@@ -158,6 +158,12 @@
border-radius: 50%; border-radius: 50%;
} }
} }
@media(max-width:1280px) {
.actions .subscribe {
width: 33%;
}
}
</style> </style>
<script type="text/x-magento-init"> <script type="text/x-magento-init">
{ {
......
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
margin-right: auto !important; margin-right: auto !important;
max-width: 1280px; max-width: 1280px;
} }
@media (max-width: 767px){ @media (max-width: 1024px){
.box-tocart .fieldset .actions .box-tocart .fieldset .actions
{ {
position: fixed; position: fixed;
...@@ -107,9 +107,19 @@ ...@@ -107,9 +107,19 @@
padding-left: 10px; padding-left: 10px;
} }
.box-tocart .fieldset .actions > button{ .box-tocart .fieldset .actions > button{
width: 80%; width: 85% !important;
float: right; float: right;
margin-left: 20%; margin-left: 15%;
}
.action.primary.tocart {
font-size: 18px;
background-color: #000;
max-width: 100%;
font-weight: 600;
height: 55px;
width: 90% !important;
margin-left: 10%;
} }
.block .review-add .block-content{ .block .review-add .block-content{
...@@ -241,7 +251,7 @@ footer .footer_link{ ...@@ -241,7 +251,7 @@ footer .footer_link{
font-family: 'Outfit-Regular'; font-family: 'Outfit-Regular';
} }
@media screen and (max-width:789px) { @media screen and (max-width:1024px) {
.footer_link > div{ .footer_link > div{
width: 100%; width: 100%;
} }
...@@ -1955,25 +1965,22 @@ button.action.submit.primary { ...@@ -1955,25 +1965,22 @@ button.action.submit.primary {
} }
//详情页mobile修改 //详情页mobile修改
@media (max-width: 780px){ @media (max-width: 1024px){
.product-info-stock-sku{ .product-info-stock-sku{
display: none; display: none;
} }
.product-info-wrapper .page-title span.base { .product-info-wrapper .page-title span.base {
color: #999999;
font-size: medium; font-size: medium;
float: left; float: left;
margin-left: -10px; margin-left: -10px;
letter-spacing: inherit; letter-spacing: inherit;
font-weight: 100;
} }
.product-info-wrapper .price-final_price .price { .product-info-wrapper .price-final_price .price {
color: #000; color: #000;
} }
.product-info-price .price-box{
margin-top: -15px;
}
.price-final_price .old-price .price{ .price-final_price .old-price .price{
color: #999999; color: #999999;
...@@ -2054,7 +2061,7 @@ border-radius: 50% !important;; ...@@ -2054,7 +2061,7 @@ border-radius: 50% !important;;
display: none !important; display: none !important;
} }
@media (max-width: 768px){ @media (max-width: 1024px){
#product-options-wrapper .swatch-option.image{ #product-options-wrapper .swatch-option.image{
width: 30px !important;; width: 30px !important;;
height: 30px !important;; height: 30px !important;;
...@@ -2282,3 +2289,4 @@ span.swatch-attribute-selected-option{ ...@@ -2282,3 +2289,4 @@ span.swatch-attribute-selected-option{
} }
} }
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