Amostras configuráveis ​​- mantenha as proporções corretas da imagem

Question

As imagens criadas para as amostras configuráveis ​​são esticadas para caber no div quadrado e as proporções da imagem são ignoradas.Imagens em formato de retângulo acabarão distorcidas.

Esta é a aparência da imagem (retirada da visualização de miniaturas no magento 1.8.1.0):

Isto é o que parece para a amostra real:

[Edição do moderador:adicionando comentário relevante ao corpo]

Existe um template localizado em catalog\product\view ype\options\configurable\swatches.phtml e o código responsável pelas imagens de amostra é o seguinte:

 <img src="<?php echo $_swatchUrl; ?>" alt="<?php echo $_option->label; ?>" width="<?php echo $_swatchInnerWidth ?>" height="<?php echo $_swatchInnerHeight ?>" />

Entretanto, alterar isso não terá efeito nas proporções da imagem.

Answer 1

Nós encontramos isso e talvez alguém tenha uma solução melhor, mas estendemos as amostras configuráveis productimage.php ajudante com nosso próprio módulo.Talvez Magento intended everyone to create manual swatches para cada produto.Isso consome tempo e temos produtos para os quais não funciona bem.Eles usam o modelo Varien Image que lhes permitiu acesso ao cache, mas não possui as configurações padrão convenientes do modelo de catálogo/imagem MAGE.A parte boa é que essas funções estão disponíveis.

Se você não sabe como criar um módulo, sugiro fazer imagens quadradas."Não edite os arquivos principais" Estenda-os!

Nós estendemos o

protected function _resizeSwatchImage($filename, $tag, $width, $height)
{

abaixo

$processor = new Varien_Image($sourceFilePath);

nós adicionamos

$processor->backgroundColor(array(255, 255, 255)); 
// Set background color to white
$processor->constrainOnly(TRUE); 
//Constrain to proportions
$processor->keepAspectRatio(TRUE); 
//keep existing aspect ratio
$processor->keepFrame(TRUE);
//Kinda what it says

Answer 2

As amostras são projetadas para ter largura e altura padrão entre todas as amostras no Magento, infelizmente.

Sem substituir a forma como o Magento funciona, sua melhor aposta seria fazer com que suas imagens de amostra tenham a mesma proporção que o Magento espera (por padrão, um quadrado) ou alterar as dimensões padrão da amostra (se você tiver uma proporção definida que planeja usar em todo sua loja).

A largura e a altura da amostra são definidas na seção Amostras Configuráveis ​​da configuração do Catálogo.Especificamente, você encontrará três seções:Dimensões de amostra na página de detalhes do produto, dimensões de amostra na lista de produtos e dimensões de amostra na navegação em camadas.

O Magento redimensiona automaticamente as imagens para caber nessas dimensões antes de renderizá-las na página.