Como fazer o alinhamento de Produtos?

Olá, como faço para alinhar os produtos? as imagens já estão padronizadas

1 curtida

Olá @Fabio

Pode enviar a URL da loja para podermos dar uma olhada?


Se precisar falar com um Parceiro/Especialista Nuvemshop, só entrar em contato pelos canais abaixo:

DUOSHIRO

Tel/WhatsApp: (41) 99290-6169
E-Mail: contato@duoshiro.com
Website: http://www.duoshiro.com
Portfólio: https://www.nuvemshop.com.br/especialistas-nuvem/duoshiro

Desenvolvimento | e-Commerce | Integração | Segurança


https://www.softpesca.com.br acho que o que ta fazendo dar bug é as cores disponiveis ali, se eu desabilitar, os produtos se alinham… tem algum css pra corrigir isso?

Olá @Fabio

Consegui analizar a página e tenho algumas ressalvas:

Na imagem abaixo, eu peguei o último produto e verifiquei o tamanho da imagem dos outros e vejam que o desalinhamento já começa por ai porque elas não tem o mesmo tamanho. Ideal que toda imagem de produto tenha 1024x1024pixels ou que pelo menos todas sigam o mesmo padrão, senão a grade ficará desalinhada.

Uma outra coisa é a funcionalidade de mostrar informações de variações na grade, isso também está fazendo desalinhamento porque joga o conteúdo do quadro de informação do produto e preço mais pra baixo. Se puder desativar isso, vai ajudar:

Além disso, o tamanho do nome do produto também pode ser um causador porque quando o nome é grande, ele utiliza mais de uma linha, o que empurra também o conteúdo mais pra baixo como no que escrevi acima:

Existe uma maneira de ajustar isso com CSS mas alterando o layout da loja (abrindo o FTP) pois com o FTP aberto, a solução pode não funcionar muito bem.


Se precisar falar com um Parceiro/Especialista Nuvemshop, só entrar em contato pelos canais abaixo:

DUOSHIRO

Tel/WhatsApp: (41) 99290-6169
E-Mail: contato@duoshiro.com
Website: http://www.duoshiro.com
Portfólio: https://www.nuvemshop.com.br/especialistas-nuvem/duoshiro

Desenvolvimento | e-Commerce | Integração | Segurança


@duoshiro Como ajustar isso? o FTP esta aberto

Olá @Fabio

Adoraríamos ajudar passando um simples código para isso, mas infelizmente não é tão simples assim pois tem muitas partes que precisam ser mexidas para isso.

Caso queira aprender sobre, você pode ver a documentação para design da Nuvemshop aqui:
https://docs.nuvemshop.com.br/help

Ou se quiser que implementemos para você, só entrar em contato nos links abaixo.


Se precisar falar com um Parceiro/Especialista Nuvemshop, só entrar em contato pelos canais abaixo:

DUOSHIRO

Tel/WhatsApp: (41) 99290-6169
E-Mail: contato@duoshiro.com
Website: http://www.duoshiro.com
Portfólio: https://www.nuvemshop.com.br/especialistas-nuvem/duoshiro

Desenvolvimento | e-Commerce | Integração | Segurança