Suporte » Plugins » Funcionalidade para manter imagens na proporção correta

  • Preciso de uma função/plugin que faça com que as imagens carregadas para os produtos mantenham a proporção correta.

    Elas ficam desproporcionais, e gostaria que mesmo que as imagens com proporção não igual sejas preenchidas com fundo branco para manter organizado a galeria de produtos e fotos do Woocommerce.

    Talvez uma imagem esclareça melhor o que necessito:
    http://prntscr.com/oytnza

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Você pode inserir um

    min-height: 00px;

    no css dos seus produtos para ele um tamanho mínimo, mas o ideal mesmo é já subir todas as imagens de produtos no tamanho proporcional. Os meus clientes faço para subir cada produto no tamanho 1000 x 1000 px e não ter esse problema e um plugin a mais.

    saudações darleicordeiro,

    como colocou a Stephanie Ferreira, o ideal é realmente já enviar na proporção correta. pois por padrão o que o WooCommerce faz é ajustar proporcionalmente a imagem dentro do box da imagem.

    uma solução para isso, baseada na sua imagem, seria ver um script referente não à imagem, mas ao tamanho do box. digamos que o box onde fica a imagem tenha uma área de 300×300 e você envia uma imagem de 1200×800. então a imagem será carregada, pela proporção, em 300×200. ai teria que ver um script que desse um padding (espaçamento interno, “oposto” de margin, que é espaçamento externo *) dentro do box de 50% no top e 50% no bottom.

    como sou designer, imagino ser uma solução dentro do que você deseja. mas como não sou programador/dev, não sei como escrever esse script para WooCommerce. ai teria que pesquisar isso ou, se fosse eu passando por esse problema, pagaria um dev para desenvolver o script.

    boa sorte e sucesso!

    [* informação caso um iniciante veja essa tópico]

    Saudações @stephaniektb e @ralden , então, vou orientar os mesmos a carregar as imagens assim mesmo, até tenho um cliente no qual faz este trabalho e fica tudo perfeito.

    Acredito @stephaniektb que no css vai ‘esmagar’ a imagem pois fiz um teste agora e foi o resultado que tive, mas vou testar mais.

    Fugindo do assunto, caso conheçam algum programa desktop que faça a função que descrevi acima para me indicar agradeço.

    Muitíssimo obrigado como sempre haha ^^

    saudações darleicordeiro,

    primeiro, acredito que viu que sua mensagem caiu no spam. isso se deve por usar o @ com o nome de usuário. como isso “pinga” (chamada de forma intencional) o usuário, o WordPress pode tratar como spam. como fez com sua mensagem.

    sobre o programa, eu usei por um bom tempo, em paralelo com o Photoshop, o Movavi Photo Editor,

    https://www.movavi.com/pt/photo-editor/

    pois ele é bem leve e super fácil de se usar. tem tanto uma função redimensionar, que diminui a imagem de foto proporcional, como uma função recortar, que você diz o tamanho ou a proporção que deseja (tipo 1:1) e ele gera um quadro de recorte, que você posiciona sobre a imagem e já sabe como vai ficar o recorte.

    acha muito bacana. mas usava quando o computador era com HD e precisava de um programa leve para editar rapidamente fotos. mas depois do SSD isso não existe mais, o computador é uma bala até com o Adobe Premiere (vídeos). ai depois que eu formatei o computador não instalei mais porque não iria mais usar. além disso, a licença é vitalícia para aquela versão; como eles atualizaram, eu ficaria com versão antiga, ai deixei de lado. mas só tenho elogios.

    o valor é bom, R$89,00. sendo que a dica é instalar a versão gratuita e dar uma usada para ver se gosta. se não gostar, desinstala. mas se gostar também desinstala, pois ele faz uma oferta que varia de 30% a 60% e ai sai ainda melhor o preço.

    boa sorte e sucesso com seus projetos!

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Você deve estar conectado para responder a este tópico.