diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js index 28af84d..264b55d 100644 --- a/checkout/src/arquivos/js/components/Footer.js +++ b/checkout/src/arquivos/js/components/Footer.js @@ -73,6 +73,24 @@ export default class Footer { $(elemento).slick({ slidesToShow: 4, slidesToScroll: 1, + responsive: [ + { + breakpoint: 1024, + settings: { + slidesToShow: 3, + slidesToScroll: 3, + infinite: true, + dots: true + } + }, + { + breakpoint: 375, + settings: { + slidesToShow: 2, + slidesToScroll: 2 + } + }, + ] }); } diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 23be8f9..63f1d73 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -1021,7 +1021,7 @@ p.vtex-omnishipping-1-x-shippingSectionTitle.delivery-address-title { padding: 10px; &::before { - content: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png) + content: url(https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png); } } @@ -1070,7 +1070,8 @@ a#payment-group-Bancolombia\ TransferPaymentGroup, a#payment-group-customPrivate_502PaymentGroup, a#payment-group-custom201PaymentGroupPaymentGroup, a#payment-group-MercadoPagoPaymentGroup, -a#payment-group-SPEIPaymentGroup, a#show-gift-card-group { +a#payment-group-SPEIPaymentGroup, +a#show-gift-card-group { display: none !important; } @@ -1119,3 +1120,103 @@ div#payments-title::after { height: 500px !important; } +@media (max-width: 1024px) { + .container.container-main.container-cart { + width: 100%; + } + + .cart .table.cart-items thead { + display: none; + } + + span.shipping-estimate-date, + span.total-selling-price { + display: none; + } + + tr.product-item { + display: grid; + grid-template-columns: 1fr 6fr 1fr 1fr; + grid-template-rows: 1fr 1fr; + + + td.product-image { + grid-column: 1 / 2; + grid-row: 1 / 3; + + display: flex; + justify-content: center; + align-items: flex-start; + background-image: unset; + } + + td.product-name { + grid-column: 2 / 3; + grid-row: 1 / 2; + display: flex; + justify-content: flex-start; + align-items: flex-start; + } + + td.shipping-date { + grid-column: 3/ 4; + grid-row: 1 / 2; + } + + td.product-price { + grid-column: 4/ 5; + grid-row: 2 / 3; + + width: 100%; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: end; + } + + td.quantity { + grid-column: 2/ 3; + grid-row: 2 / 3; + margin: unset !important; + } + + td.quantity-price { + grid-column: 3/ 4; + grid-row: 2/ 3; + } + + td.item-remove { + grid-column: 4/ 5; + grid-row: 1 / 2; + + width: 100%; + display: flex; + justify-content: flex-end; + align-items: flex-start; + } + + } + + + + .row-fluid.summary { + display: flex !important; + flex-direction: column; + width: 100% !important; + justify-content: center; + align-items: stretch; + } + + .span5.totalizers.summary-totalizers.cart-totalizers.pull-right { + width: 100%; + } + + .clearfix.pull-right.cart-links.cart-links-bottom.hide { + width: 100%; + } +} + + +ul.slick-dots { + display: none !important; +}