Skip to content

J
joshine
Commit e1a16d0a by lmf
Options

优化样式

parent dfbcb234
Showing with 348 additions and 110 deletions
app/design/frontend/Joshine/breeze/web/css/_custom.less
......@@ -435,10 +435,6 @@ button, input, optgroup, select, textarea{
border-radius: 0;
}
.swatch-option.text:hover {
background-color: #222222;
color: #fff;
}
#product-options-wrapper .swatch-option.image:hover{
border: 2px solid #000;
......@@ -652,61 +648,6 @@ p.shopbycate-title {
height: 54px;
}
}
.categories_tab {
clear: both;
margin: 0px 0 ;
padding: 50px;
width: 100%;
height: 400px;
}
.section-element.shop_by_categories .container {
padding-bottom: 15px;
}
.shop-by-cata {
padding: 20px;
width: 25%;
float: left;
}
.shopcatewpt {
width: 80%;
margin: 0 auto;
text-align:center;
height: 200px;
}
p.shopbycate-title {
background: #fff;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
font-family: 'Outfit', sans-serif;
}
@media(max-width:789px){
.shop-by-cata {
padding:2px;
width: 50%;
float: left;
}
p.shopbycate-title{
font-size:20px;
margin-top: -20px;
}
.shopcatewpt {
width: 130%;
margin: 0 auto;
margin-top: -20px;
margin-left: -40px;
}
.shop-by-cata img {
height: 54px;
}
}
.top-content-home{
width: 100%;
}
......@@ -788,6 +729,9 @@ p.shopbycate-title {
cursor:pointer;
color: #0000ff;
}
.checkout-cart-index #maincontent .columns #block-shipping{
margin-top:0;
}
.checkout-cart-index .col.qty{
text-align: center;
}
......@@ -795,18 +739,132 @@ p.shopbycate-title {
.checkout-cart-index .cart-container table tr.item-actions:last-child {
border-bottom: 0;
}
.checkout-cart-index .cart-empty {
min-height: 300px;
}
.checkout-cart-index .us-icon,.checkout-index-index .us-icon,.checkout-onepage-success .us-icon {
background: url("../images/icons-pc.png");
background-position-y: -420px;
width: 40px;
height: 40px;
display: inline-block;
}
@media (min-width: 1024px){
.cart.item .item-info td.col.item {
width: 50%;
}
.page-header i.fa {
background: #444;
border-radius: 10px;
width: 10px;
height: 10px;
display: inline-block;
font-size: 6px;
margin-right: 12px;
vertical-align: middle;
}
.cart-secure {
display: inline-block;
width: 20px;
height: 20px;
background: url("../images/icons-pc.png");
background-position-x: -160px;
}
.checkout-cart-index .checkout.checkout-methods-items li{
height:auto;
}
.checkout-cart-index #cart-totals {
padding-bottom: 2rem;
}
.checkout-cart-index #cart-totals .table-wrapper table tr {
border-bottom:none;
}
.checkout-cart-index table .grand.totals strong,.checkout-index-index table .grand.totals strong
{
font-weight: 700;
}
.checkout-cart-index table .grand.totals,.checkout-index-index table .grand.totals
{
border-top:1px solid #ddd;
}
}
.no-enabled{
color:#cacaca!important;
}
@media (min-width: 768px) {
.checkout-cart-index .cart-container {
padding-bottom: 2rem;
}
.checkout-cart-index .cart-container .cart.actions {
border-top:none;
}
.checkout-cart-index #maincontent,.checkout-onepage-success #maincontent{
background-color: #f4f4f4;
border-top:1px solid #ddd;
}
.checkout-cart-index #shopping-cart-table{
background-color: #ffffff;
}
.checkout-cart-index #shopping-cart-table tbody tr{
text-align: center;
}
.checkout-cart-index #shopping-cart-table tbody tr .col.item.first{
text-align: left;
padding:0px 20px;
}
.checkout-cart-index #shopping-cart-table tbody .item-info .col.item:first-child{
text-align: left;
padding-left:20px;
}
.checkout-cart-index #shopping-cart-table .cart.item{
border-bottom:1px solid #ddd;
}
.checkout-cart-index #shopping-cart-table .cart.item:last-child{
border-bottom:none;
}
.checkout-cart-index .item-summary{
padding:0px 20px;
font-size: 25px;
}
.checkout-cart-index .cart-container .cart-summary > .title {
padding: 18px 15px;
border-bottom: 1px solid #ddd;
}
.checkout-cart-index .column.main .block .title
{
border-bottom: 1px solid #ddd;
}
.checkout-cart-index .column.main .block .title {
padding: 0.6rem 1rem;
}
.checkout-cart-index .cart-container .cart-summary > .title,
.checkout-cart-index .column.main .block .title,
.checkout-cart-index .cart-container .cart-summary #block-summary,
.checkout-cart-index .cart-container #cart-totals,
.checkout-cart-index .cart-container #block-discount,
.checkout-cart-index .checkout-methods-items ul li
{
background-color: #ffffff;
}
.block-minicart .subtotal {
margin-right: 1rem;
}
}
.checkout-cart-index .cart-container .cart-summary {
gap: 0px;
}
@media (max-width: 768px){
.checkout-cart-index .cart-container .cart-summary {
margin:0;
}
.checkout-cart-index .cart-container .cart-summary > .title {
padding: 1rem 0px;
}
.checkout-index-index .header.content,.checkout-cart-index .header.content{
padding: 15px 0px 10px;
}
}
.checkout-index-index .details-qty,.checkout-cart-index .details-qty{
display: block;
......@@ -855,8 +913,159 @@ p.shopbycate-title {
.checkout-index-index .product-item-details .product-item-inner .subtotal {
right: 13.5%;
}
.checkout-cart-index .nav-toggle,.checkout-cart-index .nav-toggle,.checkout-onepage-success .nav-toggle {
display: none;
}
.checkout-cart-index{
.actions.search-dropdown,.actions.dropdown,minicart-wrapper{
display:none;
}
}
.checkout-cart-index .header.content,.checkout-index-index .header.content,.checkout-onepage-success .header.content{
padding:15px 0px;
}
.checkout-index-index .page-wrapper a.logo,.checkout-onepage-success .page-wrapper a.logo{
margin-left: 35%!important;
}
.checkout-index-index div#checkout {
margin-top: 1rem;
}
.checkout-index-index .authentication-wrapper{
padding: 5px 20px;
}
.checkout-cart-index .header.content .minicart-wrapper,.checkout-index-index .opc-estimated-wrapper .minicart-wrapper {
display: none;
}
.checkout-cart-index .header.content > a {
margin-left: 35%;
}
.checkout-cart-index .header.content .logo img,.checkout-onepage-success .header.content .logo img {
max-width:60%;
}
.checkout-index-index .authentication-wrapper {
padding: 6px 20px!important;
}
}
.checkout-index-index .page-footer,.checkout-cart-index .page-footer{
background-color: #FFFFFF;
}
@media (min-width: 768px){
.checkout-index-index .page-footer{
padding-top:0px;
margin-top:20px;
}
}
.checkout-index-index #next-shipping,.checkout-index-index #next-payment {
text-align: center;
margin: 20px 0px;
}
.checkout-index-index #next-shipping>span,.checkout-index-index #next-payment>span {
display: inline-block;
font-size: 24px;
padding: 0 20px;
margin-top: 20px;
text-transform: uppercase;
background: #000;
line-height: 40px;
color: #fff;
cursor: pointer;
}
.footer-mini-copyright-content{
background: #fafafa;
text-align: center;
padding: 2rem 0px;
clear: both;
}
.footer-mini-copyright-content a{
color:#666;
text-decoration: underline;
}
.choose-us{
background-color: #ffffff;
height: 50px;
line-height: 50px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
text-align: center;
}
.why_joshine{
background-color: #fafafa;
margin: 0 auto;
max-width: 1172px;
}
.choose-us-fi .item:first-child
{
border-left: none;
}
.return-icon{
background-position-x: -100px!important;
}
.warranty-icon{
background-position-x: -260px!important;
}
.flexible-icon{
background-position-x: -421px!important;
}
.shopping-icon{
background-position-x: -501px!important;
}
.reviews-icon{
background-position-x: -14px!important;
background-position-y: -583px!important;
}
.quality-icon{
background-position-x: -676px!important;
background-position-y: -534px!important;
}
.why-choose-us{
width:100%;
background-color: #FFFFFF;
}
.why_joshine .item{
margin: 20px 0;
border-left: 1px solid #eee;
width: 33.3%;
height: 80px;
text-align: center;
box-sizing: border-box;
float: left;
background-color: #FFFFFF;
font-size: 14px;
}
.why_joshine .item .label{
margin-top: 5px;
vertical-align: top;
display: block;
}
.why_joshine .item .label .title{
display: block;
line-height: 1;
}
@media(min-width: 768px){
.choose-us-fi,.choose-us-se
{
display: inline-block;
width: 50%;
float: left;
}
}
@media(max-width: 768px){
.checkout-index-index .page-footer,.checkout-cart-index .page-footer{
padding-top:0;
margin-top:10px;
}
.checkout-cart-index .page-footer{
padding-bottom: 3rem;
}
.choose-us-se .item:first-child
{
border-left: none;
}
}
@media(min-width: 790px){
.baozhang_before_footer{
margin-top: 30px;
......@@ -1812,7 +2021,7 @@ footer{
}
.flash_sale.news-arrivals{
margin-top: -5px;
margin-top: -75px;
}
}
@media (min-width: 670px) {
......@@ -1863,10 +2072,11 @@ button.action.submit.primary {
margin-left: 10%;
}
.swatch-option.color,.swatch-option.text,.swatch-option.image {
.swatch-option.color,.swatch-option.image {
border-radius: 50%;
}
.swatch-option::before {
box-shadow: 0 0 0 0px;
}
......@@ -1879,11 +2089,15 @@ button.action.submit.primary {
bottom: 0;
left: -3px;
right: 0;
width: 44px;
width: auto;
height: 44px;
border-radius: 50%;
}
.swatch-option.text::before {
border-radius: 0;
}
//详情缩略图过多处理
@media (min-width: 1024px){
.breeze-gallery.vertical:not(.opened) .thumbnails {
......@@ -1954,11 +2168,6 @@ button.action.submit.primary {
margin-top: -8%;
}
#product-intro__freeshipping-more-3{
margin-top: -20px;
margin-bottom: 10px;
margin-left: 60%;
}
.product-social-links .product-addto-links{
display: block !important;
position: fixed;
......@@ -1970,54 +2179,68 @@ button.action.submit.primary {
}
}
.swatch-option.color, .swatch-option.text, .swatch-option.image{
width: 40px !important;
height: 40px !important;
.swatch-option.color, .swatch-option.image{
width: 40px !important;
height: 40px !important;
border: 1px solid #000008;
}
.swatch-option.text{
width: auto!important;
padding: calc( 8.5px) calc( 11px);
line-height:22px!important;
min-width: 40px;
text-align: center;
font-size: 15px;
}
.block-minicart .block-content>.actions .action.checkout{
background: #000;
background: #000;
}
.cart-container .action.primary,.cart-container .action-primary,.cart-container [type='submit'],.cart-container .pagebuilder-button-primary{
background: #000;
background: #000;
}
.products.products-grid .product.product-item-details .image{
margin: 0 !important;
margin: 0 !important;
}
//色块强制大小
#product-options-wrapper .swatch-option.image{
width: 40px !important;;
height: 40px !important;;
border-radius: 50% !important;;
width: 40px !important;;
height: 40px !important;;
border-radius: 50% !important;;
}
//颜色提示强制关闭
.breeze .field-tooltip-content, .breeze .tooltip.wrapper .tooltip.content, .breeze .map-popup, .breeze .swatch-option-tooltip {
display: none !important;
display: none !important;
}
@media (max-width: 1024px){
#product-options-wrapper .swatch-option.image{
width: 30px !important;;
height: 30px !important;;
border-radius: 50% !important;;
}
.swatch-option.color, .swatch-option.text, .swatch-option.image{
#product-options-wrapper .swatch-option.color,#product-options-wrapper .swatch-option.image{
width: 30px !important;
height: 30px !important;
border: 1px solid #000008;
border-radius: 50% !important;
line-height: 30px;
}
.swatch-option.text
{
width: auto !important;
line-height: 13px!important;
height: 30px !important;
min-width: 30px;
}
.swatch-option::before{
content: '';
position: absolute;
bottom: 0;
left: 0px;
right: 0;
width: 32px;
width: auto;
height: 32px;
border-radius: 50%;
top: -2px;
......@@ -2029,14 +2252,16 @@ button.action.submit.primary {
//商品评论
.amreview-submit-form .review-fieldset .review-legend.legend>span {
float: left;
margin: 0 5px 0 0;
font-weight: bold;
float: left;
margin: 0 5px 0 0;
font-weight: bold;
}
.product.info .review-add {
float: left;
width: 100% !important;
padding: 24px;
margin-bottom: 20px;
}
@media (max-width: 768px){
......@@ -2046,17 +2271,17 @@ button.action.submit.primary {
}
.amrev-toolbar-container.-all .amrev-sorting {
border-left: none;
float: right;
text-align: end;
border-left: none;
float: right;
text-align: end;
}
}
.amreview-submit-form .review-control-vote.control:before{
position: absolute !important;
position: absolute !important;
}
.amreview-add-new .amreview-button.action{
background-color: #000;
background-color: #000;
}
//产品色块选中错位处理
......@@ -2158,6 +2383,7 @@ button.action.submit.primary {
line-height: 0px;
}
.product-info-wrapper .product-info-main {
margin-left: 2%;
width: 100%;
......@@ -2170,11 +2396,11 @@ button.action.submit.primary {
}
@media (max-width: 1024px){
.select-element.section-before-footer.clearfix p {
font-weight: 200;
font-size: 12px;
color: #000000;
text-transform: none;
.select-element.section-before-footer.clearfix p {
font-weight: 200;
font-size: 12px;
color: #000000;
text-transform: none;
}
.amreview-summary-details .amreview-label .amreview-bar{
margin: 0px;
......@@ -2201,28 +2427,29 @@ button.action.submit.primary {
@media (max-width: 1024px) and (min-width: 768px){
.select-element.section-before-footer.clearfix p {
font-size: 16px;
color: #000000;
text-transform: none;
}
font-size: 16px;
color: #000000;
text-transform: none;
}
.flash-sale-item{
width: 33.33%;
}
width: 33.33%;
}
.shopcatewpt{
width: 100%;
}
}
.shop-by-cata {
padding: 10px;
width: 50%;
float: left;
}
}
p.flashsale-title {
font-size: 16px;
font-weight: 400;
font-size: 16px;
font-weight: 400;
}
}
@media (max-width: 1024px) {
......@@ -2236,7 +2463,7 @@ button.action.submit.primary {
}
.header-top.header-fixed{
//height: 60px ;
//height: 60px ;
}
.page-with-filter .toolbar .modes{
......@@ -2361,6 +2588,7 @@ tr.grand.totals {
.cart-container .checkout-methods-items li:first-child{
background-color: #000000;
height: 3.2rem;
}
.checkout.checkout-methods-items li .paypal.checkout{
width: 100%;
......@@ -2512,7 +2740,7 @@ tr.grand.totals {
}
}
.choice.field {
.size-fits + .size-fits {
padding-left: 15px;
}
......@@ -2531,6 +2759,14 @@ tr.grand.totals {
.amreview-submit-form .review-fieldset .field{
margin: 0px;
}
.product-info-wrapper .page-title span.base{
font-size: 15px;
}
.product-info-stock-sku{
font-size: 15px;
}
}
......@@ -2640,7 +2876,7 @@ button.primary.action.create {
}
.slick-list.draggable .slick-track {
width: 100% !important;
width: 100% !important;
}
strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; color: #000;font-size: 16px;}
......@@ -2651,7 +2887,9 @@ strong#block-related-heading,strong#block-upsell-heading{ font-weight: 600; colo
position:fixed;
width: 4%;
z-index: 10;
display: none;
}
/*导入Joshine工具类*/
@import "./_joshine_col";
@import "./_joshine_utils";
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