Códigos da Loja Integrada
Remover Borda do carrinho
.carrinho { border-width: 0px; border-style: solid; border-color: rgba(0,0,0,0.12); position: relative;
Adicionar Instagram no rodapé da página
https:!!www.yo"t"be.co#!watch$v https:!!www.yo"t"be.co#!watch$v%ygnnoewg&' %ygnnoewg&' div id%*instagra#-rodape* class%*hide*+ div class%*conteiner*+ a hre'%*https:!!instagra#.co#!loaintegrada hre'%*https:!!instagra#.co#!loaintegrada*+iga-nos *+iga-nos no nstagra#!a+ !div+
!div+ script type%*text!avascript*+ type%*text!avascript*+ /(doc"#ent).ready('"nction() /(doc"#ent).ready('"nction() { i'(/(rodape).length i'(/(rodape).length /(rodape .paga#ento-selos).length) { /(rodape).be'ore(/(instagra#-rodape).re#ove3lass(hide)); else { /(instagra#-rodape).re#ove(); ; ); !script+ style+ instagra#-rodape instagra#-rodape .conteiner { padding: 0; bac4gro"nd: transparent; boxshadow: shadow: none; #ax-width: 1150px; #argin: 60px a"to 16px; instagra#-rodape instagra#-rodape .conteiner a { 'ont-si7e: 'ont-si7e: 20px; 'ont-weight: 800; !style+ Botão voltar ao topo
9-- oto voltar ao topo --+ script type%text!avascript+/('"nction(){ type%text!avascript+/('"nction(){/(window).scroll(' /(window).scroll('"nction(){i'(/ "nction(){i'(/ (this).scroll
a hre'%+!a+ a id%rb-top class%*toxed; botto#: ?0px; right:1@; c"rsor:pointer;+ i class%*'a 'a-chevron-"p*+!i+br+ span style%*'ont-si7e:12px;*+<=A=!span+ !a+ Bocal de p"blicaCo: DodapE AFgina de p"blicaCo:
.logo i#g { #ax-height: 125@ 9i#portant; !or"a todas as páginas para #$%&
as para isso F te# H"e ter co#prado o Dapis B na Boa ntegrada. asta adicionar e# IGJ B=KJ + I3BLD 3MNO= G<B e colar ele a"stado para o 3abeCalho, e# todas as pFginas e tipo G<B. script type%*text!avascript*+ i' (window.location.protocol 9% *https:*) { window.location.hre' % *https:* P window.location.hre'.s"bstring(window.location.protocol.length); !script+ Altera cor dos titulos de pagamentos e selos
!Q altera cor dos tit"los de paga#entos e selos Q! .paga#ento-selos .tit"lo { color: R' 9i#portant; irar 'uadrado atrás do !ace(oo)
rodape .redes-sociais.borda-principal { bac4gro"nd: none 9i#portant; Aumentar (anner principal para a largura total da página
!Q J"#enta banner principal Q! .secao-banners .conteiner { #ax-width: none; padding-le't: 0px; padding-right: 0px; #argin-le't: -2px; width: calc(100@ P 2px); .banner.tara { text-align: center;
*ei+ar %e"ão dos produtos da loja mais largo
.conteiner { #ax-width: none; #argin: 0 a"to; padding: 0 20px; .banner.tara { text-align: center;
!onte Menu %uperior
.#en".s"perior .tit"lo {'ont-si7e: 1Spx Mudar Cor ao passar o mouse no menu
.#en".s"perior .nivel-"# + li:hover {bac4gro"nd-color: no#e&da&cor Mudar Cor Menu
.#en".s"perior { bac4gro"nd-color: rgb(266, 266, 266); Mudar ,onte principal
body { 'ont-'a#ily: =pen ans 9i#portant; Colocar Imagens no menu
li.categoria-id-00000 { bac4gro"nd: "rl( 3=B=TLU JTL = BIV NJ JOU ) center top no-repeat; text-indent: 2px; cada cartegoria E "# id e "#a "rl, terF H 'a7er "# cWdigo para cada "# para saber o id da cartegoria abra se" site, aperte '12 e vF e# conteiner principal + id % cabeCalho +class conteiner + class #en" s"perior + class nivel 1 Be#brando H"e para cada site o id da cartegoria serF di'erente9 Io adianta copiar de o"tro site e esperar H '"ncione "se i#agens do ta#anho S0xS0 o" X0xX0 e o Ycone >car gr"dado co# o #en", coloH"e esse cWdigo no editar css: .#en".s"perior .tit"lo { #argin: X0px -1px; Aara #elhorar o #en" na verso #obile "se: cabecalho .conteiner .#en".s"perior "l {text-align: center cabecalho .conteiner .#en".s"perior .nivel-"#+li {display: ; Zoat: initial Imagem na %u(-cartegoria
.#en".s"perior+"l.nivel-"#+li.categoria-id-000000 +"l { bac4gro"nd: "rl(3=B=TLU JTL = BIV NJ JOU) right top no-repeat R'; height: ; padding-right: 2S5px; Centrali.ar itens do Menu
!Q 3entrali7ar os itens do #en" Q! cabecalho + .conteiner + .#en".s"perior { text-align: center; cabecalho + .conteiner + .#en".s"perior .nivel-"# + li { Zoat: none; display: inline-bloc4; border-le't: 0; #argin-right: -Xpx; Redes %ociais !lutuantes
[#edia only screen and (#in-width: \\0px){ .barra-inicial .conteiner .lista-redes { position: >xed 9i#portant; le't: 10px 9i#portant; top: 80px 9i#portant; 7-index: ? 9i#portant; width: 60px 9i#portant; .barra-inicial .conteiner .lista-redes li { Zoat: initial 9i#portant; border: none 9i#portant; padding: 2px 0 15px 0 9i#portant; .barra-inicial .conteiner .lista-redes li i { padding: 8px 9i#portant; border-radi"s: S0px 9i#portant; box-shadow: 0 0 0 2px white inset 9i#portant; .barra-inicial .conteiner .lista-redes li i::be'ore { -web4it-transition: all .Ss 9i#portant; -#o7-transition: all .Ss 9i#portant; -#s-transition: all .Ss 9i#portant; -o-transition: all .Ss 9i#portant; transition: all .Ss 9i#portant; .barra-inicial .conteiner .lista-redes li i:hover::be'ore { -web4it-trans'or#: scale(1.6) 9i#portant; -#o7-trans'or#: scale(1.6) 9i#portant; -#s-trans'or#: scale(1.6) 9i#portant; -o-trans'or#: scale(1.6) 9i#portant; trans'or#: scale(1.6) 9i#portant; .barra-inicial .conteiner .canais-contato { Zoat: right 9i#portant Mudar cor do Identi/'ue-se
cabecalho .conte"do-topo .s"perior span.cor-principal {color: red; Aumentar imagens da ,orma de pagamento no carrinho
.parcelas-prod"to .accordion .accordion-gro"p .accordion-heading i#g { #ax-height: S0px;
b.text-parcelas.p"ll-right.cor-principal { 'ont-si7e: 18px 9i#portant; Mudar cor dos icones das redes sociais
cabecalho .lista-redes i { bac4gro"nd-color:Rd6e\; border-radi"s: 20px; color: '185ab; height: 2Spx; width: 2Spx; line-height: 2Xpx; Alterar tamanho dos icones do rodape
!Q a"#enta os icones do rodape Q! rodape .lista-redes i { 'ont-si7e: 26px; !Q - basta alterar para o ta#anho deseado o padro E 18pxQ! Alterar nomes do %ocial Media
Aara alterar o no#e do social te# H"e ser via H"ery. ontei o cWdigo, basta alterar o texto para o deseado, basta saber colocar ht#l na B, e# inha Boa + ncl"ir ht#l, escolhe o tipo G<B, posiCo rodapE, todas as pFginas e sW salvar. =: le#bre-se de #anter as aspas si#ples. se no vai dar erro. script+ /(doc"#ent).ready('"nction(){ !! altera no#e de social para deseado /(rodape .redes-sociais .tit"lo).ht#l(I=U NUUKJN=); ); !script+ Cor e comprimento da (arra de (usca
!Q3or e co#pri#ento da barra de b"scaQ! cabecalho .conteiner .b"sca.borda-alpha 'or# inp"t { bac4gro"nd: blac4; width: 6X0px; Aumentar e+to de (em vindo
!QJ"#entar texto e# vindoQ! cabecalho a.be#-vindo { color: d8b\X5; 'ont-si7e: 22px; #argin-le't: S0px; Icone de (usca
!Qcone de b"scaQ! .conteiner .conte"do-topo .b"sca-#obile .b"sca.borda-alpha b"tton { border-radi"s: 60px; bac4gro"nd-color: transparent; color: d8b\X5; height: S0px; !undo transparente na (usca
!Q]"ndo transparente da b"scaQ! .b"sca { position: relative; padding: 6px; bac4gro"nd-color: transparent;
Mudar o te+to (em vindo
Io painel vF e# ncl"ir 3Wdigo G<B e deixe co#o na i#age# abaixo. = cWdigo a incl"ir E esse: script+ /('"nction(){ /(*a.be#-vindo*).text(*3adastro*); ); !script+ Mudar de posi"ão o (otão ver mais
Aara o #obile tenta adicionar esse cWdigo: Ule vai >car abaixo dos valores, #as o cliente vai entender H"e E para o prod"to aci#a... [#edia only screen and (#ax-width: S\?px) .listage# .listage#-ite# .acoes-prod"to-responsiva { #argin: 0; padding-top: 2X0px; le't: 0; KF para o des4top tenta esse cWdigo: Ule vai >car aci#a da descriCo, e na parte in'erior da 'oto, alE# de "# po"co #enor... .listage#-ite#:hover .acoes-prod"to a { width: \0@; padding: 10px 0; #argin-top: -100px; Imagem do Botão Comprar
.pagina-prod"to a.botao.botao-co#prar.principal.grande.botao-co#prar-aax { bac4gro"nd: "rl(BIV NJ JOU N= =<^=) center center no-repeat; border: none; width: 150px; text-indent: -????px; Criar (otão do Mercado Livre no rodapé
3riar "#a pagina ht#l no rodapE
"l id%*selos-rodape* class%*hide*+ li+ a hre'%*BIV NJ B
style+ .selos li { #argin-botto#: 10px; !style+ Alterando Cor do Menu Lateral
!Q 3or da barra lateral Q! corpo .conteiner .#en".lateral.'echado .nivel-"# li .tit"lo {color: ??0033 corpo .conteiner .#en".lateral.'echado .nivel-"# li:hover .tit"lo {color: white corpo .conteiner .#en".lateral.'echado .tit"lo { 'ont-weight: old; !Qcor de cada categoriaQ! corpo .conteiner .#en".lateral.'echado .nivel-"# li.categoria-id-6126S0 a { bac4gro"nd-color: white; corpo .conteiner .#en".lateral.'echado .nivel-"# li.categoria-id-6126S0 a:hover { bac4gro"nd-color: ??0033; Adicionar %elos no rodapé
rodape .paga#ento-selos { bac4gro"nd-i#age: "rl(*JOU TLU _3 TLUD*); bac4gro"nd-repeat: no-repeat; bac4gro"nd-color: white; bac4gro"nd-position: right 200px center; bac4gro"nd-si7e: 16@;
Central de Atendimento 0script type12te+t3javascript24 56,unction678
9indo9&open6:http;339e(sro&correios&com&(r3sro<(in3t+ect=>5&?ueryList@ $D$<I$E1==>D$
¢raldeatendimento 8 position; a(soluteH top; Pp+H &dropdo9n ul&dropdo9n-menu 8 margin-top; =p+H margin-le,t; =p+H (ac)ground; Q!!!!!!H 9idth; KNp+H padding; =p+ >p+H te+t-align; centerH le,t; -Np+H &rastreio 8 (ac)ground; QAAAH padding; Np+ >Np+ Np+ >Np+H (order-radius; Kp+H ,ont-,amily; Epen %ansH color; Q,H ,ont-9eight; S==H &rastreio;hover 8 color; QdS==H &duvidas 8 margin-top; Np+H ,ont-si.e; >Np+H color; QCCPH ,ont-9eight; P==H ,ont-,amily; Epen %ansH &email 8 margin-top; Np+H ,ont-si.e; >Np+H color; QdS==HH ,ont-9eight; P==H ,ont-,amily; Epen %ansH &tele,one 8 ,ont-si.e; >Np+H ,ont-,amily; Epen %ansH ,ont-9eight; P==H padding-top; Np+H padding-(ottom; Np+H color; QdS==HH &9hatsapp 8 ,ont-si.e; >Np+H ,ont-,amily; Epen %ansH ,ont-9eight; P==H padding-top; Np+H padding-(ottom; Np+H color; QdS==HH &s)ype 8 ,ont-si.e; >Np+H ,ont-,amily; Epen %ansH ,ont-9eight; P==H padding-top; Np+H padding-(ottom; Np+H
color; QdS==HH la(el 8 ,ont-si.e; Tp+H ,ont-9eight; (oldH color; QAAAH margin-top; -Np+ p&numerotele,one 8 margin; = = >=p+H te+t-trans,orm; noneH ,ont-si.e; >Kp+H p&numero9hatsapp 8 margin; = = >=p+H te+t-trans,orm; noneH ,ont-si.e; >Kp+H p&nomes)ype 8 margin; = = >=p+H te+t-trans,orm; noneH ,ont-si.e; >Kp+H p&email 8 margin; = = >=p+H te+t-trans,orm; noneH ,ont-si.e; >Kp+H p&,aleconosco 8 margin; = = >=p+H te+t-trans,orm; noneH ,ont-si.e; >Kp+H p&tele,onehora 8 ,ont-si.e; >=p+H margin-top; ->p+H color; QKATNKH te+t-trans,orm; uppercaseH p&hora 8 ,ont-si.e; >=p+H margin-top; -Sp+H color; QKATNKH te+t-trans,orm; uppercaseH &(otao&pe'ueno 8 ,ont-si.e; >p+H padding; Kp+ >=p+H color; 9hiteH te+t-trans,orm; uppercaseH ,ont-9eight; (oldH &open4&dropdo9n-menu 8 min-9idth; >==p+H 03style4 0div class12centraldeatendimento24 0div class12centraldeatendimentop24 0ul class12menudropmenu24 0li class12dropdo9n24
0p class12tele,one24ULU!EU03p4 0p class12numerotele,one2403p4 0p class12divider2403p4 0p class129hatsapp24V#A%A$$03p4 0p class12numero9hatsapp2403p4 0p class12divider2403p4 0p class12s)ype24%WX$U03p4 0p class12nomes)ype2403p4 0p class12hora24#orário de Atentimento; 03n(r4%egunda Y %e+ta das Ph Ys >Sh03p4 0p class12divider2403p4 0p class129rapper-,orm-pro/le-order-trac)ing hover24 0div class12input-9rapper24 0la(el ,or12Erderrac)ing24*igite seu código de rastreamento dos correios03la(el4 03div4 0p class12divider2403p4 0p class12duvidas2403p4 0p class12email2403p4 0p class12,aleconosco240span403span4 0a hre,12QmodalContato2 data-toggle12modal2 datatarget12QmodalContato24!ale Conosco03a4 03p4 03li4 03ul4 03div4 03div4