Diminuir espaçamento entre produtos



  • Olá!

    É possível diminuir o espaçamento vertical entre os produtos?

    ![alt text](0_1537221856938_Screen Shot 2018-09-17 at 19.00.39.png image url)

    obrigado



  • Bem @mypantoo, se diminuir o botão comprar que aparece quando vc passa o mouse em cima, vai sobre sair em cima do produto de baixo. o que vc pode fazer é apagar um código que fica no listing_product.html ou ocultar por CSS (que fica no application.css) que vc pode remover essa altura. Tem tb esse print explicando o que fiz:

    0_1537285240314_Deepin Screenshot_selecionar área_20180918123842.png



  • Grande Charles, obrigado pela ajuda.

    Realmente gostaria de manter 3 produtos por linha, no formato quadrado, como já está.
    Somente o espaçamento entre o nome do produto, o valor e o botão "ver produto" que gostaria de diminuir para que a fileira de baixo ficasse um pouco mais próxima.

    Em outra página do site, o espaçamento ficou ainda mais exagerado. olha só:

    0_1537310058468_Screen Shot 2018-09-18 at 19.32.06.png

    não entendo muito de programação, será que você pode apontar o código para ver se consigo ajustar esse detalhe?

    obrigado



  • Olá @mypantoo, então vou deixar um print mostrando para vc add um código q vai aproximar mais as as imagens, só para diminuir um pouco a distância do espaçamento q fica entre as linhas dos produtos:

    0_1537455682489_Deepin Screenshot_selecionar área_20180920115927.png

    Para entrar nessa página de códigos da loja é só ir no painel admin da loja e no menu, vai em Layout > Editor de tema e depois na outra página, abaixo da imagem do tema, tem um link AÇÕES, então clique nesse link e depois clique em Editar HTML, para entrar na página de códigos.

    Esse é o código para vc colar como no print: background-size: cover !important;



  • Olá, @charles

    Funcionou! Adicionei o código que você falou e diminui a altura no "editar layout" de 300 para 200 e ficou bem melhor!

    Muito obrigado!!

    O site está praticamente como imaginei... a única coisa que gostaria de mudar é a cor do X que fica em vermelho no carrinho de compras (para excluir o produto). Sinto que chama mais atenção que todo o resto.

    0_1537501158014_Screen Shot 2018-09-21 at 00.38.47.png

    Essa alteração é muito complexa de fazer?

    mais uma vez, obrigado pela ajuda



  • Olá @mypantoo o processo anterior que vc fez para alterar a distância será o mesmo que vc vai var para a alterar a cor do botão, então segue o print explicando o que fazer, lembrando q o processo é o mesmo q foi feito anteriormente:

    0_1537542014030_Deepin Screenshot_selecionar área_20180921115839.png



  • This post is deleted!


  • Olá @charles

    Otimo! consegui.
    Tive que alterar a cor na pasta Bootstrap.min.css mas deu certo.

    Nesse outro caso, indica que o código está na pasta pantufa:418
    onde encontro?

    0_1538139460318_Screen Shot 2018-09-28 at 09.54.46.png

    Queria mudar a barra preta "filtrar por" para o verde escuro do site

    tentei mudar na pasta application.css mas nada acontece...

    consegue me ajudar com mais essa?

    muito obrigado



  • Olá @mypantoo, isso que mostra pantufa:418 é porque ele está na própria página do site ou no próprio arquivo de origem que seria a página da loja mesmo, ou seja, o código não tá num arquivo externo, ele está dentro do próprio código na tag <head>.

    Quando vc não o encontra no código application.css é pq ele está sendo usando no Editar Layout (menu Layout > editor de tema) do admin, como no print abaixo:

    0_1538145521732_Deepin Screenshot_selecionar área_20180928113351.png



  • Olá @charles, ótimo, encontrei!

    Muito obrigado pela ajuda e pelas explicações.

    abraço