diff --git a/www/themes/chocolatdemariage/css/global.css b/www/themes/chocolatdemariage/css/global.css index 7807063c..b65a15f3 100644 --- a/www/themes/chocolatdemariage/css/global.css +++ b/www/themes/chocolatdemariage/css/global.css @@ -268,9 +268,10 @@ body.content_only { margin: 0; } } @media (max-width: 991px) { + .header-search .searchbox.open .form-group { } #header { box-shadow: 0 0 10px rgba(0,0,0,0.2); } .header-main { padding-top: 0; padding-bottom: 0; } - .header-search { left: -20px; right: -20px; } + .header-search { left: 0px; right: 0px; } .header-search .searchbox .form-control { opacity: 0; } .header-search.open .searchbox.open .form-control { opacity: 1; } .header-search .searchbox.open .form-group { margin: auto; top: 0; width: auto; left: 0; right: 0; margin-top: 5px; } @@ -297,10 +298,10 @@ body.content_only { margin: 0; } .header-main { padding: 0 10px; } .header-main { padding-top: 10px; padding-bottom: 10px; } .header-main .header-top-right > .header-search { } + .header-search { left: 0; right: 0; } } @media (max-width: 480px) { .header-main .header-top-right > .header-search { left: -10px; right: -10px; } - .header-search { left: 0; right: 0; } .header-search .searchbox.open .btn { padding-top: 4px; } .header-search .form-group .form-control-ctn { margin-top: 0; padding-top: 0; } .header-search .searchbox.open .form-group { right: 0px; left: 0px; margin-top: 0; } @@ -436,6 +437,9 @@ body.content_only { margin: 0; } .header-main.sticky .block-layout { display: none!important } +@media (max-width: 991px) and (min-width: 767px) { + .header-main.sticky .header-logo { margin-top: -20px; } +} /************************************** == MAINMENU == ***********************************/ /* Sous-menu LG-MD */ @@ -638,7 +642,7 @@ body.content_only { margin: 0; } @media (max-width: 1319px) and (min-width: 990px){ .mainmenu { letter-spacing: 0.02em; } .mainmenu .menu-content { padding: 0 } - .mainmenu .submenu .ctn { min-height: 220px; padding: 45px 15px; } + .mainmenu .submenu .ctn { min-height: 220px; padding: 25px 15px; } .mainmenu .cta-menu { padding: 0 15px 0 0; width: 33.33333333%; } } @@ -690,8 +694,9 @@ body.content_only { margin: 0; } .mainmenu .close-tab .icon-close { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mainmenu .close-tab .icon-close::before { content: "\e904"; } .mainmenu .close-tab img { border: 2px solid #000; border-radius: 50%; display: block; height: 47px; margin: 15px 0 35px 45px; width: 47px; } - .mainmenu .close-tab a { color: #bd0132; display: inline-block; font-size: 25px; margin: 0 0 20px 20px; text-decoration: none; font-family: 'Caveat'; } + .mainmenu .close-tab a { color: #bd0132; display: inline-block; font-size: 25px; margin: 0 0 20px 0; text-decoration: none; font-family: 'Caveat'; } .mainmenu .close-tab i { margin: -3px 5px 0 0; } + .mainmenu .menu-content > li.close-tab { margin-left: 15px; } .mainmenu .root-link { display: block; } .mainmenu .root-link.parent { position: relative; } .mainmenu .root-link.parent::after { @@ -704,21 +709,21 @@ body.content_only { margin: 0; } color: #908984; } .mainmenu .menu-content > .root-link a, .mainmenu .menu-content > .root-link span{ } - .mainmenu .root-link a, .mainmenu .root-link span { color: #908984; display: block; font-size: 14px; padding: 2px 0; position: relative; } + .mainmenu .root-link a, .mainmenu .root-link span { color: #908984; display: block; font-size: 14px; padding: 5px 0; position: relative; } .mainmenu .root-link .title { margin-top: 10px; } .mainmenu .root-link .title span.name { font-family: 'staat'; color: #4f3528; text-transform: uppercase; padding-bottom: 0; } .mainmenu .root-link span.name + p { text-transform: none; } .mainmenu .root-link a:hover:before { display: none; height: 0; width: 0; } .mainmenu .submenu { background: #fdf3f8; bottom: 0; left: -101%; margin: 0; overflow-y: auto; position: fixed; top: 0px; transition: all 0.3s ease 0s; width: 50%; z-index: 2 } .mainmenu .open .submenu { left: 0 } - .mainmenu .submenu .ctn { padding: 0; width: 100% } + .mainmenu .submenu .ctn { width: 100% } .mainmenu .submenu .close-tab a { color: #bd0132; font-size: 18px; margin-right: 14px; text-transform: none; } .mainmenu .submenu .close-tab i { margin-right: 14px; } .mainmenu .submenu .child-link { padding: 0 45px } .mainmenu .child-link a, .mainmenu .child-link span { padding: 10px 0; text-transform: none; } .mainmenu .cta-menu { display: none; } - .mainmenu .submenu ul { padding-left: 30px; } + /*.mainmenu .submenu ul { padding-left: 30px; padding-right: 30px; }*/ .mainmenu .header-lang { display: block; margin: 0; position: absolute; right: 15px; top: 15px; } .mainmenu .header-lang a { margin: 0; } .menu-mobile { @@ -776,10 +781,15 @@ body.content_only { margin: 0; } } } +@media (max-width: 990px) and(min-width: 767px) { + .menu-mobile { width: 43px; } +} @media (max-width: 990px) { + .mainmenu .submenu ul { padding-left: 30px; padding-right: 15px; } .header-main .header-top-left > div { top: 0; } } @media (max-width: 767px) { + .mainmenu .submenu ul { padding-left: 15px; padding-right: 15px; } .mainmenu .menu-content { width: 60% } .mainmenu .submenu { width: 60% } } @@ -1293,7 +1303,6 @@ body.content_only { margin: 0; } /************************************* == REASSURANCE FOOTER == ****************************/ .reassurance-footer { font-size: 14px; - display: none; text-align: center; padding-top: 40px; padding-bottom: 40px; @@ -1326,6 +1335,7 @@ body.content_only { margin: 0; } @media (max-width: 990px) { .reassurance-footer .ctn { width: 100%; } + .reassurance-footer { padding-top: 30px; } } @media (max-width: 767px) { .reassurance-footer img { width: 55px; } @@ -1480,6 +1490,7 @@ body.content_only { margin: 0; } @media (max-width: 1349px) { .envie-de .footerconstructor-block .inner { background-size: 38% auto; } + .envie-de .footerconstructor-block:nth-child(2) .inner { background-position: right 120%; } } @media (max-width: 990px) { .envie-de .ctn { width: 100%; } @@ -1721,7 +1732,7 @@ body.content_only { margin: 0; } } @media (max-width: 991px) { .footer-main .reassurance li { font-size: 14px } - .footer-main .ctn { width: 100%; padding: 0; } + .footer-main .ctn { width: 100%; } } @media (max-width: 767px) { @@ -2027,14 +2038,22 @@ body.sticky-menu .homeslider { height: 70px; z-index: 1; } - .subcategories-home .customize-block .content { line-height: 17px; font-size: 13px; padding: 0; } + .subcategories-home .customize-block .content { line-height: 15px; font-size: 13px; padding: 0; } .subcategories-home .inner .desc { font-size: 20px; } .subcategories-home .customize-block { height: 120px; } .subcategories-home .customize-block .title { font-size: 26px; line-height: 25px; padding-bottom: 25px;} } +@media (max-width: 991px) and (min-width: 767px){ + .subcategories-home .customize-block { margin-top: 0; } + .news-ctn .ctn:before, .news-ctn .ctn:after { display: block; } + .header-main .header-top-right { } + .subcategories-home { padding: 0 15px; } + .subcategories-home .customize-block .title { font-size: 20px; line-height: 19px; padding-bottom: 0; } +} @media (max-width: 767px) { + .subcategories-home .customize-block .title{ padding-bottom: 15px; padding-top: 10px; } .subcategories-home .customize-block { position: static; height: auto; padding: 25px 15px 20px 15px; } .subcategories-home .text-infos { padding-left: 45px; padding-right: 45px; } @@ -2187,7 +2206,7 @@ body.sticky-menu .homeslider { line-height: 16px; } @media (max-width: 1500px) { - .reassuranceconstructor:before { left: -20px; right: -20px; background-position: left 0 bottom -27%; } + .reassuranceconstructor:before { left: -20px; right: -20px; } } @media (max-width: 990px) { .reassuranceconstructor:before { display: none; } @@ -2312,6 +2331,7 @@ body.sticky-menu .homeslider { .aboutus-pictures .img { width: 232px; } } @media (max-width: 991px) { + .aboutus { margin: 0;} .aboutus-pictures .img { width: 187px; } .aboutus .slider2 { margin-top: 0; } .aboutus-pictures { padding-bottom: 60px; } @@ -2381,6 +2401,9 @@ body.sticky-menu .homeslider { color: #bd0132; } +@media (max-width: 990px) and (min-width: 767px){ + .bg-pink .social-networks { margin-top: 0; margin-bottom: 30px; } +} @media (max-width: 990px) { .social-networks .title { max-width: 220px; margin: auto; margin-bottom: 15px; font-size: 16px; display: block; } .social-networks .subtitle { display: none; } @@ -2510,7 +2533,7 @@ body.sticky-menu .homeslider { } @media (max-width: 1350px) { - .best-chocolate .ctn { width: 100%; padding: 0 30px; } + .best-chocolate .ctn { padding: 0 30px; } .best-chocolate .desc { font-size: 14px; line-height: 18px; } .best-chocolate .title span { font-size: 25px; line-height: 27px; } .best-chocolate .title img { width: 75px; } @@ -2523,7 +2546,12 @@ body.sticky-menu .homeslider { .best-chocolate .title img { width: 60px; } .best-chocolate li { display: none; } } +@media (max-width: 990px) and (min-width: 767px) { + .best-chocolate .img { max-width: none; } + .best-chocolate img { max-width: 130%; } +} @media (max-width: 767px) { + .best-chocolate:hover:before { display: none; } .best-chocolate .ctn { padding-left: 15px; padding-right: 15px; } .best-chocolate img { padding-left: 15px; padding-right: 15px; } @@ -3490,6 +3518,7 @@ body.sticky-menu .homeslider { .category .long-desc { padding: 0 15px; } } @media (max-width: 991px) { + .products-list { padding-top: 0; } .category .subcategory.big .subcategory-img .content { padding: 75px 100px; } .category .subcategory.big .subcategory-img .content h2 { font-size: 30px; margin-bottom: 30px; } .category .subcategory.big .subcategory-img .content .desc { margin-bottom: 30px; } @@ -4491,7 +4520,6 @@ body.sticky-menu .homeslider { height: auto; } .product-main .bg-pink-dark { margin: auto; max-width: 600px; } - .product-main #main-info { width: 100%; } .product-main .box-cart-bottom .btn { max-width: 300px; margin: auto; display: block; } .product-main .social-links { width: 100%; position: static; margin: auto; max-width: 300px; } .product-main #quantity_wanted_p .form-control-ctn { flex-grow: 1; } @@ -4923,9 +4951,12 @@ body.sticky-menu .homeslider { #complementary #accessories .major { margin-top: 45px; } } @media screen and (max-width: 990px) { + #product #reviews .new-comment { margin-top: 0; } + #product .owl-controls { display: none; } + #product .comment { padding: 30px; } #product_comments_block_tab .title { width: auto; max-width: none; } #product .comment { min-height: 0; height: 340px; } - #product #reviews .comment .comment_details .inner { min-height: 0; height: 200px; overflow-y: auto; } + #product #reviews .comment .comment_details .inner { min-height: 0; height: 205px; overflow-y: auto; } #product #reviews .owl-carousel .owl-stage { left: 0!important; } #product .carousselProduct { padding-bottom: 30px; } #product .comments-ctn { margin-left: -20px; margin-right: -20px; width: auto; } @@ -4939,6 +4970,7 @@ body.sticky-menu .homeslider { } @media screen and (max-width: 767px) { + #product #reviews .comment .comment_details .inner { height: 200px; } #accessories .subtitle { display: none; } #product #product_comments_block_tab .subtitle { font-size: 13px; line-height: 17px; } .header-search .searchbox { width: auto; } @@ -5748,6 +5780,13 @@ body.sticky-menu .homeslider { .cart-summary .summary-prices .total-price { margin-top: 20px; } } +@media (max-width: 991px) and (min-width: 767px){ + .summary-shipping .discount-form-ctn { padding: 20px; } + .resume-cart .box-footer-resume .btn.btn3 { float: left; padding: 12px; margin-top: 0; } + .box-footer-resume:after { content: ''; clear: both; display: block; } + .resume-cart .box-footer-resume .btn-container { float: right; } + .resume-cart .box-footer-resume .btn.btn3, .resume-cart .box-footer-resume .btn-container { width: 48%; } +} @media (max-width: 991px) { .cart-summary .discount-form { border: 0; padding: 20px 15px } } @@ -5951,9 +5990,9 @@ body.sticky-menu .homeslider { .auth .registration fieldset .address-name .form-group { padding: 15px; } .auth .registration fieldset .address-name > div:first-child { border: 0; padding: 15px; } .auth .custom-checkbox.inline label { max-width: 77% } + .btn-show { margin-top: 25px; background-color: #bd0132!important; color: #fff!important; } } @media (max-width: 767px) { - .btn-show { margin-top: 25px; } #authentication .order-steps { margin-bottom: 20px; } .authentication .page-heading { padding: 25px 0 0 0; } .auth { margin-top: -25px; } @@ -6194,16 +6233,22 @@ body.sticky-menu .homeslider { .shipping .delivery-option .delivery-option-radio { margin-right: 10px; } .shipping .order-carrier-list .box-content { padding: 0; } .shipping .delivery-option .delivery-option-img { padding: 0 30px 0 15px; } - .shipping .cart_navigation { padding: 15px 30px } } @media (max-width: 991px) { + .shipping .addresses-list .box:first-child .box-content { padding-top: 10px; } + .shipping .addresses-list { display: block; } + .shipping .order-carrier-list .infos-contact { margin-bottom: 10px; } + .shipping .addresses-list .box:after, + .shipping .addresses-list .box:nth-child(2):after { right: 20px; left: 20px; } .shipping .box .title { font-size: 18px } .shipping .addressesAreEquals { margin-top: 30px; } .shipping .address_invoice_form .address-heading { height: 94px; } - .shipping #address_delivery_form.address-heading .custom-select { margin-bottom: 60px; } + .shipping #address_delivery_form.address-heading .custom-select { margin-bottom: 15px; } + .shipping .addresses-list .box:last-child .box-content { padding-top: 10px; } } @media (max-width: 767px) { + .shipping .addresses-list .box:first-child .box-content, .shipping .addresses-list .box:last-child .box-content { padding-bottom: 0; } .shipping .addresses-list .box { margin-left: 10%; width: 80% } .shipping .addresses-list .box:first-child .title span { border: 0 } .shipping .addresses-list .box:first-child .box-content, @@ -6232,7 +6277,7 @@ body.sticky-menu .homeslider { .shipping .delivery-option .delivery-option-name { margin-bottom: 5px; } .shipping .delivery-option .delivery-option-radio { width: 16% } .shipping .delivery-option .delivery-option-desc { width: 60%; } - .shipping .delivery-option .delivery-option-price { width: 24%; margin-left: 17%; margin-top: 5px; } + .shipping .delivery-option .delivery-option-price { width: 64%; text-align: left; margin-left: 19%; margin-top: 5px; } .shipping .gift-box .box-content { padding: 30px 0 0 0; } .shipping .gift-box .custom-checkbox.inline label { max-width: 83% } @@ -6447,6 +6492,8 @@ body.sticky-menu .homeslider { .order-payment .paiement-module .desc { padding-left: 25%; margin-top: 5px; } } @media(max-width: 480px) { + .order-payment .cgv a { display: inline; } + .order-box { padding: 15px; } .order-payment .resume-cart .product { padding: 15px 0 } .order-payment .resume-cart .box-footer-resume > div { padding: 10px 0 } .order-payment .resume-cart .total-price .label, .order-payment .resume-cart .shipping .label { font-size: 12px } @@ -6454,7 +6501,7 @@ body.sticky-menu .homeslider { .order-payment .paiement-module { padding: 15px } - .order-payment .cgv { padding: 15px; } + .order-payment .cgv { padding: 0; } .order-payment .cgv .title { font-size: 16px; margin-bottom: 10px; } .order-payment .cart_navigation { float: none; padding: 30px 0 } .order-payment .cart_navigation .mandatory { margin-top: 0; } @@ -6780,15 +6827,19 @@ body[id^='module'][id$='payment'] .order-paiement.ctn { @media (max-width: 1299px) { .account .menu-account > div { padding: 60px 20px 40px 40px; } + .account .menu-account > .overlay { padding: 0; } } @media (max-width: 991px) { + #my-account .box-special .box:nth-child(2) { margin-top: 110px; } + .account .menu-account > .inner { padding-top: 100px; } .account .md3 + .md9 { padding-right: 15px; } .account .menu-account > div { font-size: 22px; padding: 60px 14px 60px 40px; } .mobile-account-menu { margin-bottom: 15px; } .mobile-account-menu .btn { margin-right: 15px; padding: 10px 15px } .account .menu-account { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; top: 0; transition: all 0.3s ease 0s; z-index: 300; } .account .menu-account.open { background: rgba(0, 0, 0, 0.5); left: 0; pointer-events: auto; } - .account .menu-account > .overlay { width: auto; right: 0; background-color: rgba(0,0,0,0.2); } + .account .menu-account > .overlay { transition: 0.5s all; -webkit-transition: 0.5s all; opacity: 0; width: auto; right: 0; background-color: rgba(0,0,0,0.2); } + .account .menu-account.open > .overlay { opacity: 1; } .account .menu-account > div { background: #f5f2f2; height: 100%; left: -101%; margin: 0; padding: 0 45px; position: absolute; transition: all 0.3s ease 0s; width: 50% } .account .menu-account.open > div { left: 0 } .account .menu-account .close-tab { color: #666; width: 100% } diff --git a/www/themes/chocolatdemariage/css/k2000.css b/www/themes/chocolatdemariage/css/k2000.css index 7ccd1ad0..02f23861 100644 --- a/www/themes/chocolatdemariage/css/k2000.css +++ b/www/themes/chocolatdemariage/css/k2000.css @@ -471,6 +471,7 @@ a { color: inherit; } } @media (max-width: 1349px) { + .banner-red .title-flowers { font-size: 32px; line-height: 38px; } .title-arrow { font-size: 30px; line-height: 38px; } .title-drop { font-size: 25px; } .title-drop:before, .title-drop:after { font-size: 21px; } @@ -480,8 +481,9 @@ a { color: inherit; } .title-drop:before, .title-drop:after { font-size: 13px; } } @media (max-width: 990px) { + .title-arrow { padding-bottom: 20px; } .title-drop { font-size: 23px; margin-bottom: 5px; } - .title-drop span { max-width: 83%; } + .title-drop span { max-width: 100%; padding: 0; } .title-arrow:before, .title-arrow:after { display: none; } } @media (max-width: 767px) { @@ -709,7 +711,7 @@ header.page-heading.category { background: none; padding: 0; } } @media (max-width: 767px) { - header.page-heading.order-process { padding: 25px 0 0 0 } + header.page-heading.order-process { padding: 25px 0 20px 0; } } /*************************************************************************************************************/ @@ -860,7 +862,7 @@ header.page-heading.category { background: none; padding: 0; } height: 50px; display: block; position: absolute; - z-index: 1; + z-index: 10; top: 15px; left: 15px; } @@ -894,8 +896,12 @@ header.page-heading.category { background: none; padding: 0; } .product-pin.product-reduction { background: url('../img/promo-bg.png') no-repeat center top; font-family: 'staat'; - + width: 50px; } + .product-ctn .product-pin.product-reduction { + background-size: contain; + font-size: 14px; + } .product-pin.product-reduction sup { font-size: 60%; position: relative; @@ -1050,8 +1056,11 @@ header.page-heading.category { background: none; padding: 0; } @media (max-width: 1349px) { .product-ctn .add-to-cart-pane { padding-top: 10px } } +@media (max-width: 990px) { + .product-ctn.cols.config .add-to-cart-pane { opacity: 1; } + .product-ctn.cols.config .add-to-cart-pane a { height: auto; } +} @media (max-width: 767px) { - .product-ctn.cols.config .add-to-cart-pane { opacity: 1; } .product-ctn .product-img-ctn { text-align: center } .product-ctn .product-infos { padding: 15px } .product-ctn .product-infos .product-name::after { margin: 10px 0 0 0 } @@ -1783,7 +1792,7 @@ body .fancybox-overlay { margin: 0; background-color: #fff; position: relative; - top: -100px; + margin-top: -100px; } .ctn.account > div > div:first-child { padding-left: 0; diff --git a/www/themes/chocolatdemariage/product-list.tpl b/www/themes/chocolatdemariage/product-list.tpl index ac2ff185..a3253280 100644 --- a/www/themes/chocolatdemariage/product-list.tpl +++ b/www/themes/chocolatdemariage/product-list.tpl @@ -46,6 +46,9 @@ {/if}
+ {if $percentReduction > 0} + -{$percentReduction}% + {/if} {if $product.on_sale} {/if} diff --git a/www/themes/chocolatdemariage/product-main-config.tpl b/www/themes/chocolatdemariage/product-main-config.tpl index ab246f6d..ee837a71 100644 --- a/www/themes/chocolatdemariage/product-main-config.tpl +++ b/www/themes/chocolatdemariage/product-main-config.tpl @@ -75,7 +75,7 @@ {/if}*} {if isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS}{$HOOK_PRODUCT_ACTIONS}{/if}
-
+