FROM CACHE - pt-br_header

Como deixar as imagens das coleções/galeria do mesmo tamanho?

Strassi
Viajante
36 0 6

Olá,

 

Possuo um Tema comprado na ThemeForest e infelizmente não posso pedir ajuda ao criador porque o meu tempo de suporte terminou e renovar é caro. Gostaria de saber como deixar as imagens das galerias/coleções todas da mesma dimensão, pois elas variam bastante. Queria que elas ficassem todas deste tamanho (coleção "Activewear", não tenho a certeza da dimensão pois não consegui achar no "inspecionar"):

 

Strassi_0-1676498611289.png

 

Estão aparecendo assim:

Strassi_1-1676498652995.png

 

E em algumas outras coleções fica bastante feio e bagunçado porque todas têm um tamanho diferente. Não me importo que a foto acabe ficando um pouquinho cortada ou esticada, desde que fique na mesma dimensão.

 

O site é strassia.com.

 

Agradeço desde já!

4 RESPOSTAS 4

Paula
Shopify Staff
1755 342 259

Olá @Strassi!

 

Entendo que está usando um tema de terceiros, mas fico feliz em compartilhar algumas orientações gerais que podem te ajudar com essa questão. 

 

Se o tema que você estiver usando foi desenvolvido de forma parecida que os temas da Shopify, pode ser que você tenha uma opção para alterar a proporção da imagem dentro do editor de temas. Para conferir isso, siga as etapas:

 

1. Clique em Loja virtual > Temas

2. Ao lado do tema, clique em Personalizar para acessar o editor de temas.

3. Acesse a página onde está as imagens que você deseja alterar a proporção. Por exemplo:

 

Se a seção for na página inicial, clique em página inicial > selecione a seção e verifique se há uma configuração para alterar a proporção da imagem. Basta alterar para Retrato ou Quadrada para padronizar a imagem, como neste exemplo:

 

 

Se a seção for na página de coleções, faço o mesmo. Selecione a página no menu > selecione a seção que deseja editar > e confira se tem a opção para alterar a proporção. Veja só:

 

 

Depois de fazer a alteração, é só salvar. Dê uma olhada se o seu tema oferece esse recurso. Caso contrário deixo aqui alguns documentos que apresentam práticas recomendadas para as imagens, assim poderá fazer as edições necessárias para que todas as imagens sejam padronizadas e apresentadas na mesma proporção.  

 


Espero ter ajudado com essas informações. Se alguma dúvida surgir, só enviar uma resposta. Até mais!

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

Strassi
Viajante
36 0 6

Oi, Paula.

 

Obrigada pela sua resposta! Infelizmente o theme não veio com essa opção, pelo que tem de ser alterado no código, mas tem tantos arquivos que não consigo encontrar o que tem o código correto. Já alterei alguns valores mas nada mudou... se você ou alguém puder me ajudar nisso, agradeço. 

Paula
Shopify Staff
1755 342 259

Agradeço o retorno, @Strassi! Antes de seguir com alterações através do código, recomendo tentar editar as imagens de forma padronizada. Para que as imagens do produto sejam exibidas com o mesmo tamanho em uma coleção, elas precisam ter a mesma proporção.

 

Confira os documentos que compartilhei na resposta anterior para se informar sobre as diferentes proporções de imagens. E use o editor de imagens direto na página do produto no admin para editar suas imagens para que elas tenham a mesma taxa de proporção. Se precisar um editor de imagens mais avançado, dê uma olhada neste artigo com algumas sugestões. 

 

Se mesmo assim não conseguir, precisará contar com a ajuda de outros membros aqui na comunidade ou poderá buscar por ajuda na comunidade em inglês. Lá encontrará vários outros membros e parceiros da Shopify que poderão te ajudar com isso. Não sou especialista em codificação, assim, não saberei ajudar com orientações específicas. 

 

Para contribuir, eu fiz uma busca e encontrei as conversas abaixo com sugestões sobre a proporção ideal de imagens e orientações de como fazer essas alterações no código. Essas páginas estão em inglês, se não for familiar com o idioma, poderá traduzir para o português utilizando o Google Chrome.

 

 

Se decidir prosseguir, recomendo duplicar o tema e trabalhar na cópia, pois se algo der errado não irá danificar o seu atual tema. Se tiver qualquer dúvida sobre a implementação do código, sinta-se à vontade em comentar diretamente nesses posts que membros da comunidade ou o especialista poderá ajudá-lo. Até mais!

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

Strassi
Viajante
36 0 6

Agradeço imenso a tentativa mais uma vez! Infelizmente o tema tem pastas e códigos diferentes dos temas padrões da shopify. Não tem ou não consegui encontrar, por exemplo, o theme.scss.liquid ou main.css, pelo que não consegui fazer as alterações necessárias. Irei procurar ajuda na comunidade em inglês.

 

Muito obrigada!