Oi oi oi, a minha logo e o conjunto de 3 ícones lá da parte do carrinho, naturalmente estão desse modo, independente se coloco a esquerda ou ao centro lá no app do loja integrada - um erro.
Estão desalinhados com o restante do layout. Eu quero que eles façam o fluxo dessas setas em verde.
Sou amadora em CSS, mas fiz um ajuste que chegou perto do que eu quero.
Desse modo:
Ajustei um width de 100% pra 82%, ficou como eu gostaria.
.container {
width: 82%;
padding-right: var(–gutter);
padding-left: var(–gutter);
margin-right: auto;
margin-left: auto;
}
(coloquei mais imagens mas não é permitido)
Só que quando eu ajusto o zoom do navegador, não fica nada fixo. Existe alguma maneira de deixar fixo ou outra maneira de deixar desse modo que gostaria?
Este é o site: https://www.amoregastronomia.com/
2 curtidas
Vi que conseguiu e realmente ficou muito melhor. Pode dizer como fez?
1 curtida
Opa, então conversei com um conhecido dev e ele me deu uma ajudinha e encontrou o que deveria de ser ajustado.
Esse é o código CSS que colei, foi ajustado os pixels do max-width.
/* AJUSTE NO CABEÇALHO PARA ACOMPANHAR A BARRA DO INSTAGRAM O SOBRE A LOJA */
.container {
max-width:1200px;
align-self: center;
}
Talvez seu site não funcione da mesma forma se usar essa configuração de pixels. Sabe mexer no Inspecionar Elemento? Se não, me passa seu link que tento ajustar o seu certinho!
…
Além disso fiz outros dois ajustes no meu site, que talvez dê pra notar por esta foto antiga que postei aqui em relação ao site atualmente.
Antes lá em cima a logo tava bem colada a barra do navegador, então ajustei esse CSS assim:
/* AUMENTO ESPAÇAMENTO MARGEM SUPERIOR */
.container:before, .container:after {
display: inline-block;
content: “”;
line-height: 0;
}
E colei esse daqui pra manter o do celular como estava, sem esse novo espaçamento.
/* MANTER ESPAÇAMENTO MARGEM SUPERIOR SMARTPHONES - DIFERENTE DO AJUSTE ACIMA */
@media (max-width: 767px) {
.container:before, .container:after {
display: block;
content: “”;
line-height: 0;
}
}
Espero ser útil, abraço!
Bruna Fernandes
Amore Gastronomia
1 curtida
Fiz aqui e deu super certo. Estou ajustando algumas coisas, pois esse template gratis do LI+GOOGLE não faz algumas alterações que fazemos no Visual da Loja dentro das configurações. Estou apanhando um pouco haha
Gratidão.
1 curtida
Estou usando o mesmo template que o seu.
No meu, não aparece o numero de parcelas no produto. Ja tentei diversas configurações e não consegui.
Se não for encomodo, poderia me passar como fez? rsrs
Obrigadão.
1 curtida
Aii entendendo muito bem, gostei do LI+Google pelo custo*benefícios, mais um layout legal até! Mas depois vi que faltava algumas opções de ajuste e fui correr atrás também desses negócio de CSS e HTML (e descobri que, infelizmente, o LI não aceita ajuste de html, só através de Java Script UM GRANDE EMPECILHO).
Exatamente. Estou pensando em voltar para o layout inicial. Só queria conseguir o CSS que fizesse ficar tudo arredondado, igual o que estamos usando agora. Seria incrivel.
Você já configurou o Mercado Pago (criou uma conta?) lá dentro do Loja Integrada em “Formas de Pagamento”?
1 curtida
Já sim, fiz até uma compra teste já
Olha só, te encaminhei no e-mail que encontrei lá no teu Fale Conosco, um .pdf (aqui não permite esse tipo de arquivo) com a configuração que tenho na minha loja, vê se tem algo diferente daquilo e testa pra ver.
Vi também que nosso html tá diferente, talvez é só algum ajustezinho de configuração lá no Loja Integrada, ou, se não for, podes tentar incluir um html igual o meu na tua loja pra ver.
1 curtida
Vi aqui, e está conforme o as suas configurações já. Não manjo muito bem desses códigos, fico receoso de fazer m* e desconfigurar tudo haha
Eu também! kkkk estais até falando com a pessoa errada, uma amadora, tem nem 5 dias que estou me embrenhando nisso.
Mas quanto ao html é tranquilo, se não der certo, é só excluir que volta ao normal.
Tá, dei uma fuçada, ficou assim:
Inclui esse HTML lá no teu cabeçalho pra ver (mas antes coloca um produto no teu carrinho pra forçar alteração no site):
<li class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#formas-pagamento-lista-72720271" href="#mercadopagov1_1_72720271">
<span class="text-parcelas pull-right cor-secundaria">Parcelas <span class="icon-chevron-down"></span></span>
<img src="https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/payu-cards.png?v=9e139d0" alt="American Express, Visa, Diners, Mastercard, Hipercard, Elo">
</a>
</div>
<div id="mercadopagov1_1_72720271" class="accordion-body collapse in">
<div class="accordion-inner">
<ul style="text-align: left;">
<li class="parcela p-1 sem-juros">
<span class="cor-secundaria">
<b class="cor-principal">1x</b>
de R$ 32,00
<!--googleoff: all-->
sem juros
<!--googleon: all-->
</span>
</li>
<li class="parcela p-2 sem-juros">
<span class="cor-secundaria">
<b class="cor-principal">2x</b>
de R$ 16,00
<!--googleoff: all-->
sem juros
<!--googleon: all-->
</span>
</li>
<li class="parcela p-3 sem-juros">
<span class="cor-secundaria">
<b class="cor-principal">3x</b>
de R$ 10,67
<!--googleoff: all-->
sem juros
<!--googleon: all-->
</span>
</li>
</ul>
<ul style="text-align: left;">
<li class="parcela p-4 ">
<span class="cor-secundaria">
<b class="cor-principal">4x</b>
de R$ 8,61
<!--googleoff: all-->
<!--googleon: all-->
</span>
</li>
<li class="parcela p-5 ">
<span class="cor-secundaria">
<b class="cor-principal">5x</b>
de R$ 6,99
<!--googleoff: all-->
<!--googleon: all-->
</span>
</li>
<li class="parcela p-6 ">
<span class="cor-secundaria">
<b class="cor-principal">6x</b>
de R$ 5,91
<!--googleoff: all-->
<!--googleon: all-->
</span>
</li>
</ul>
</div>
</div>
</li>
<li class="accordion-group">
<div class="accordion-heading">
<span class="accordion-toggle">
<b class="text-parcelas pull-right cor-principal">R$ 32,00</b>
<img src="https://cdn.awsli.com.br/production/static/img/formas-de-pagamento/boleto-logo.png?v=9e139d0" alt="Boleto Bancário">
</span>
</div>
</li>
Aí veja se ficou conforme o teu site, as parcelas que tu ajustasse lá no LI. Receio que puxe algo do meu, mas aparentemente verifiquei o número de parcelas e está diferente do meu hahahah qualquer coisa é só excluir o html!
Espero muito que dê certo 
2 curtidas
Olha lá como ficou hahahaha As parcelas foram pra cima da minha logo kkkkkkkk
Tá hahahah, então tenta: apaga do html cabeçalho e SALVA. Lá em incluir html tem a opção “avançado” clica, e vai em “criar código”.
Nessa tela preenche desse modo (e coloca o html que te passei) - se não der assim, altera de cabeçalho para opção de rodapé:
Vamos ver no que dá!
1 curtida
Ficou da mesma forma, só que na pagina quando abre o Produto haha teeeenso
Pra mim apareceu certinho aqui! Eu eu recarregue a página e estou com o Inspecionar Elemento fechado.
Ó
Acho que nãos tinhas apagado e salvado aquele primeiro html que incluísse né?
1 curtida
É que apaguei o código. Mas ficou da mesma forma da foto que enviei. hahaha Poxa, tava feliz que ia conseguir 
Não entendi! Você apagou mas continuou lá?
Acho que você pode ter apagado e ido direto pro avançado sem salvar, não??
De qualquer forma, agora pra mim está aparecendo certinho… Estranho.
Dá uma recarregada de novo na página pra veres.
Se for do teu interesse, e confiar em mim é claro, me passa teu acesso do loja integrada por e-mail, que eu posso tentar ajustar. Mas aparentemente, pra mim já está aparecendo certinho.
1 curtida
Esse código é pra aparecer as parcelas na vitrine?