Commit 1119f305 by lmf

优化详情页自适应

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