Scribd
Carica
9 visualizzazioni9 pagine

Script Yzzat

Il documento contiene codice CSS per la personalizzazione di un'interfaccia di checkout. Include stili per elementi come icone, colori di sfondo, e layout per diverse fasi del processo di acquisto. Inoltre, ci sono regole specifiche per la visualizzazione di informazioni promozionali e dettagli di pagamento.

Caricato da

suporte.stradale
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato TXT, PDF, TXT o leggi online su Scribd
9 visualizzazioni9 pagine

Script Yzzat

Il documento contiene codice CSS per la personalizzazione di un'interfaccia di checkout. Include stili per elementi come icone, colori di sfondo, e layout per diverse fasi del processo di acquisto. Inoltre, ci sono regole specifiche per la visualizzazione di informazioni promozionali e dettagli di pagamento.

Caricato da

suporte.stradale
Copyright
© All Rights Reserved
Per noi i diritti sui contenuti sono una cosa seria. Se sospetti che questo contenuto sia tuo, rivendicalo qui.
Formati disponibili
Scarica in formato TXT, PDF, TXT o leggi online su Scribd

header {

background: #E7E2DE;
}
body{
background: #E7E2DE !important
}
.[Link] .holder-icon {

background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #5e17eb;
border: 2px solid #5e17eb;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.checkout-step:nth-child(2).enabled .holder-icon {

background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #5e17eb;
border: 2px solid #5e17eb;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.checkout-step:nth-child(3).enabled .holder-icon {

background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #5e17eb;
border: 2px solid #5e17eb;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
width: 29px;
height: 28px;
border-radius: 50%;

.[Link]:nth-child(2) .holder-icon {
background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.[Link]:nth-child(3) .holder-icon {
background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.checkout-step:nth-child(3) .holder-icon {
background: url([Link]
background-repeat: no-repeat;
background-position: center;
background-size: 67%;
background-color: #bdbdbd;
border-radius: 0 0 6px 6px;
border: 2px solid #bdbdbd;
padding: 7px;
margin: -6px 0 11px 0;
font-size: 0;
border-radius: 50%;
width: 29px;
height: 28px;
}

.[Link] .connect, .[Link] .holder-icon {


background-color: #5e17eb;
}

/* Emiss�o Nota Fiscal */

label[for=cpf]::after {
content: ' (Para Emitir a Nota Fiscal)';
}

.holder-countdown{
padding: 9px 0 !important;

font-size: 16px !important;

.holder-countdown::after {
content: "";
display: block;
background: linear-gradient(to right, #EB8900 0, #EB8900 4%, #B8900 5%, #EA9D31
50%, #CB8900 84%, #EB8900 119%);
height: 5px;
width: 100%;
position: relative;
top: 10px;
}

.holder-cols-checkout .[Link] .title {

color: #2f2f2f!important;
}

.holder-cols-checkout .box-checkout .steps .holder-icon{

background-color: #92a8d1

}
.checkout-step .connect {

background-color: #adadad
}

.mt10 {

margin-top:6px;

margin-right:16px;

.holder-cols-checkout .box-checkout .box-title .desc {

font-family: 'Roboto', sans-serif;

line-height: 1.4;

font-size: 13.5px;

.[Link] .connect, .[Link] .holder-icon{

background-color:#5e17eb

}
/* ULTIMO DIA DE PROMO��O */

.holder-cols-checkout .holder-container-resume .item-holder-quantity-price::after {


content: "Ultimas unidades em promo��o";
font-size: 11px;
padding: 3px 5px;
color: #1db912;
font-weight: 600;
background: #fff;
border-radius: 5px;
display: inline-block;
align-self: end;
}

/* 12x no Cart�o */
.holder-cols-checkout .cart-resume .[Link] .value:after {
content: 'em at� 12x no cart�o';
color: #4b4b4b !important;
display: block;
font-weight: 400;
font-size: 12px;
}

/* Adicionar Icone dos Correios */

.[Link] {
background-image:
url([Link]
background-size: 27px!important;
content: ""!important;
background-repeat: no-repeat!important;
background-position-x: 145px!important;
background-position-y: 90%!important;
}

/* Adicionar Icone dos Correios */

.[Link] {
background-image:
url([Link]
background-size: 27px!important;
content: ""!important;
background-repeat: no-repeat!important;
background-position-x: 145px!important;
background-position-y: 90%!important;
}

.holder-countdown{

padding: 9px 0 !important;

font-size: 16px;

.holder-cols-checkout .[Link] .box-title .holder-number {

background-color: #5e17eb;
}

/* Tamanho do Pre�o */
.holder-cols-checkout .cart-resume .[Link] .value {
font-size: 22px;
}

.holder-cols-checkout .[Link] {

cursor: default;

border-color: #f4f6f8;

.[Link]-purple {

color:#4d4d4d

.holder-cols-checkout .box-checkout .btn-create-address {

color:#4d4d4d

.yellow {

color: #ffc926;

.mb5{

margin-bottom: 4px !important;

.mt5{

margin-top:0px !important;

.f14 {

font-size: 14px;

margin-right: 15px;
margin-left: 15px;

.payments .payment > label[for="payment-credit-card"]:after {


top: 13%;
}
/* Rodap� - ALTERAR INFORMA��ES */

[Link]-50::after {
content: '[Link]@[Link] \A Seg a Sex - 09h �s 17h30min. \A\A �?
Todos os direitos reservados.';
display: block;
margin-top: 15px;
white-space: pre-wrap;
line-height: 1.8;
}

.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {


width: 50px;
height: 35px;
border-radius: 5px;
background: #CCC;
position: relative;
opacity: 0;
}

.jp-card .jp-card-front {
background: url("[Link]
[Link]?v=1618002695") no-repeat !important;
}

.jp-card .jp-card-back {
background: url("[Link]
[Link]?v=1618002712") no-repeat !important;
background-size:100% !important;
}

.jp-card .jp-card-back::after {
opacity:0 !important;
}

.jp-card .jp-card-back .jp-card-bar {


opacity:0 !important;
}

.jp-card .jp-card-back .jp-card-cvc {


top: 52% !important;
left:80% !important;
color:#000 !important;
}

.[Link]-card-identified .jp-card-front::before, .[Link]-


[Link]-card-identified .jp-card-back::before {
background:transparent !important;
}
.[Link]-card-identified .jp-card-front::before, .[Link]-
[Link]-card-identified .jp-card-back::before {
background-image:none !important;
}

.[Link]-card-identified .jp-card-front::before, .[Link]-card-


identified .jp-card-back::before {
background-image:none !important;
}

.[Link]-card-identified .jp-card-back, .[Link]-card-identified .jp-card-


front {
background-color:transparent !important;
}

.box-customer > div:nth-child(1) > div:nth-child(1) {


text-indent:-9999px;
}
.box-customer > div:nth-child(1) > div:nth-child(1):after {
content:
url("[Link]
v=1618002619");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -18px;
margin-left: 0px;
}

[Link]-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1) {


text-indent:-9999px;
}
[Link]-checkout:nth-child(2) > div:nth-child(1) > div:nth-child(1):after {
content:
url("[Link]
v=1618002639");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}

.box-payment > div:nth-child(1) > div:nth-child(1) {


text-indent:-9999px;
}
.box-payment > div:nth-child(1) > div:nth-child(1):after {
content:
url("[Link]
v=1618002657");
text-indent: -1px;
display: block;
color: #000;
line-height: 0px;
margin-top: -16px;
margin-left: 1px;
}

.holder-cols-checkout .box-checkout .box-title {


position: relative;
padding: 0 30px 0 28px;
box-sizing: border-box;
margin-bottom: 10px;
}

.holder-cols-checkout .[Link] .box-title .holder-number {


background-color: #292929;
}

.holder-cols-checkout .[Link] .title {


color: 2f2f2f !important;
}

.[Link]-purple /* COR DO BOT�O DE CUPOM - ALTERAR SE PREFEIR */ {


color: #ffffff;
background: #5e173b;
border-radius: 25PX;
}

.col-checkout:not(.col-3) .[Link]:not(.upsell) {
width: auto;
margin: 0 -11px 18px;
padding-left: 14px;
padding-right: 14px;
border: 0;
box-shadow: none;
border-radius: 6PX;
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 17%);
}
.container-testimonials .testimonials {
padding: 20px 21px;
background: #FFF;
border-radius: 6PX;
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 17%);
width: auto;
margin: 0 -8px 20px;
padding-left: 14px;
padding-right: 14px;
box-sizing: border-box;
}
.container-testimonials {
max-width: 680px!important;
box-shadow: 0 4px 12px rgb(244 246 248);
}
.holder-cols-checkout .cart-resume .[Link] .value {
font-size: 22px;
color: #1db912;
}
/* Cor do OrderBump */

.holder-recomm {
border: 2px dashed var(--main-color);
}

.orderbump {
background-color: #fff5ee;
}

.owl-orderbumps .owl-dots .[Link] span {


background-color: var(--main-color) !important;
}

.orderbumps_offer-title, .orderbumps_offer-total {
color: var(--main-color) !important;
background-color: #FFF;
}

.orderbump_price {
color: #1db912 !important;
}

.orderbump_button {
background-color: #f79f1a !important;
}

.orderbump_disclaimer {
padding-top: 18px;
display: none;
}

.orderbump_button {
padding: 13px 10px 9px;
width: 61%;
}

.orderbump {
border-radius: 15px;
}

Potrebbero piacerti anche