Alterando o tamanho das imagens dos produtos no Magento

Para alterar o tamanho das imagens dos produtos no Magento na página de categorias, edite o arquivo list.phtml localizado em:

seutema / template / catalog / product

É possível alterar o tamanho da imagem nos dois filtros de exibição:
List; e
Grid.
Confira o exemplo abaixo no qual são alterados o método resize e os atributos width e height da tag img:

<img src="<?php echo $this->helper("catalog/image")->init($_product, "small_image")->resize(200); ?>" width="200" height="200" alt="<?php echo $this->stripTags($this->getImageLabel($_product, "small_image"), null, true) ?>" />

Também é possível alterar o tamanho da imagem no detalhe do produto. Localize o arquivo media.phtml em:

seutema / template / catalog / product / view

Encontre o código:

$_img = "<img src="".$this->helper("catalog/image")->init($_product, "image")->resize(265)."" alt="".$this->htmlEscape($this->getImageLabel())."" title="".$this->htmlEscape($this->getImageLabel())."" />";

Edite o método resize da tag img passando como parâmetro o novo tamanho da imagem.

Se você tiver uma forma melhor para alterar o tamanho da imagem fique a vontade para compartilhar a sua ideia.

Ayrton Weiss

facebooktwitterlinkedin

Ayrton está no sétimo período do curso de Ciência da Computação na UNIVALI - Universidade do Vale do Itajaí. Possui Certificação de desenvolvedor Magento.


Comentários (2)
Comentários
  1. Olá, por favor preciso de ajuda já procurei em todo o lugar e não consigo resolver meu problema.
    Sou nova no magento e estou com um problemão, baixei uma extensão para o Magento, que é para aparecer a imagem dos atributos, eu instalei como pedia no tutorial que acompanha a extensão, porém não funcionou.A extensão é “Belvg Colors Sizes Materials Swatch Pro v1.0.0″ e eu uso o magento 1.7.0.2
    Lá está pedindo para modificar os seguintes códigos:
    Vá em catalog/product/list.phtml do seu tema e ache a linha
    isSaleable()): ?>
    <button type="button" title="__(‘Add to Cart’) ?>” class=”button btncart”
    onclick=”setLocation(‘getAddToCartUrl($_product)
    ?>’)”>__(‘Add to Cart’) ?>

    __(‘Out of stock’)
    ?>

    e modifique por
    isSaleable()): ?>
    getTypeId() == ‘configurable’): ?>
    getOptionsHtml($_product) ?>

    <button type="button" title="__(‘Add to Cart’) ?>” class=”button btn-cart”
    onclick=”setLocation(‘getAddToCartUrl($_product)
    ?>’)”>__(‘Add to Cart’) ?>

    __(‘Out of stock’)
    ?>

    depois ache a linha
    <a href="getProductUrl() ?>” title=”stripTags($this->getImageLabel($_product, ‘small_image’), null, true) ?>” class=”productimage”>
    e modifique por
    <a id="swatch-getId() ?>” href=”getProductUrl() ?>” title=”stripTags($this->getImageLabel($_product,
    ‘small_image’), null, true) ?>” class=”product-image”>

    Quando eu faço as modificações, as imagens dos atributos aparecem nas paginas das categorias e eu quero que apareçam apenas na pagina do produto em si.
    Até porque essa extensão faz isso também, mais não sei como. Por favor, me ajude. Agradeço desde já.

    Comentário por Poly — 30 de janeiro de 2013 @ 16:48
  2. olá Poly, o arquivo catalog/product/list.phtml é o template padrão do Magento responsável pela listagem de produtos, qualquer alteração nesse arquivo irá refletir em todas as paginas que listam produtos (categorias, resultado de busca etc…), para modificar somente no detalhe do produto creio que deverias editar o arquivo catalog/product/view.phtml que é padrão responsável pelo detalhe do produto, se não conseguir poderias me passar as instruções para eu dar uma olhada?

    Comentário por Ayrton Weiss — 26 de fevereiro de 2013 @ 19:11
Deixe um comentário