quarta-feira, 31 de julho de 2013

Inserir imagem nos produtos agrupados

Olá pessoal!
Hoje resolvi postar uma dica bem legal sobre como criar uma coluna extra na tabela de produtos agrupados e chamar em cada linha a imagem do produto simples correspondente. 


Primeiramente, você deve abrir o arquivo responsável pela construção da tabela de produtos agrupados, que é o grouped.phtml (app -> design -> frontend -> default -> SeuTema -> template -> catalog -> product -> view -> type) e procurar o seguinte código:

            <th><?php echo $this->__('Product Name') ?></th>

E antes dele, inserir o código responsável pelo cabeçalho da coluna Imagem:

            <th><?php echo $this->__('Imagem')?></th>

Obs: No lugar do termo Imagem você poderá colocar o que quiser.

Após isso, será necessário "chamar" o conteúdo (imagens de cada produto) nas células da tabela. Para isso, procure pelo seguinte código:

            <td><?php echo $this->htmlEscape($_item->getName()) ?></td>

E antes dele, insira o seguinte:

            <td>
                <?php echo '<img src="'.$this->helper('catalog/image')->init($_item, 'thumbnail')->resize(38,38).'">';?>
            </td>


Obs: Nesse exemplo, a imagem ficará no tamanho 38x38 e poderá ser alterada da maneira que achar necessário.

Então é isso, qualquer dúvida, sugestão ou correção, deixe um comentário!
=)

10 comentários:

  1. Olá muito bom o post.

    Poderia me dizer se essa função funciona em produtos configuraveis ?

    ResponderExcluir
    Respostas
    1. Olá Douglas!
      Aonde exatamente você gostaria que as imagens aparecessem? Seria a miniatura do produto ou a cor do mesmo?

      Excluir
    2. Olá Obrigado por responder.

      Gostária de colocar a cor do produto.

      Excluir
    3. Olá Douglas!
      Você já tentou utilizar a seguinte extensão?
      Gala Color Swatches Free
      Ela funciona perfeitamente com produtos configuráveis.

      Excluir
  2. No meu caso eu queria utilizar miniatura dos produtos.
    Pode me ajudar?

    ResponderExcluir
    Respostas
    1. Olá!
      Assim que eu postei esse tutorial, pensei na imagem que iria postar e realmente não ficou muito clara... Seguindo esse tutorial, a imagem do produto associado (miniatura dele) é que vai aparecer na coluna imagem! Ou seja, ele faz exatamente isso que você quer!
      Qualquer dúvida, pode perguntar!

      Excluir
  3. poxa aqui pra mim não deu certo... no meu tema não existia a pasta "type" então copiei a do tema base, joguei dentro da pasta do meu tema e então fiz a alteração do arquivo conforme explicado, limpei cache do magento e do navegador e nada.... sabe se o problema pode estar relacionado ao fato do meu tema naõ ter a pasta type e eu ter "roubado" a pasta do tema base? Obrigada!

    ResponderExcluir
    Respostas
    1. Olá ellen!
      O que você fez está totalmente correto. Ao não possuir o arquivo citado no seu tema, você deve copiar o do tema base para ele, antes de alterar, criando os diretórios necessários.
      É estranho não ter funcionado... A coluna imagem foi criada?

      Excluir
  4. Bom dia,
    No cadastro de produtos eu inseri um novo campo de imagem(novo atributo) e chamei de "imagem_da_cor". Gostaria de inserir esse campo no lugar de "thumbnail", porem se eu alterar dentro do arquivo grouped.phtml ao acessar o produto ele apresenta o seguinte erro: a:5:{i:0;s:34:"Arquivo de imagem não encontrado.";i:1;s:4526:"#0 /home/franloja/public_html/app/code/core/Mage/Catalog/Helper/Image.php(163): Mage_Catalog_Model_Product_Image->setBaseFile(NULL)
    #1 /home/franloja/public_html/app/design/frontend/default/default/template/catalog/product/view/type/grouped.phtml(65): Mage_Catalog_Helper_Image->init(Object(Mage_Catalog_Model_Product), 'imagem_da_cor')

    Você sabe o que isso significa?

    ResponderExcluir
    Respostas
    1. Olá!
      Qual o tipo/formato você selecionou na hora de criar o atributo? Como você está chamando esse atributo?
      Dependendo do tipo, você deve chamar ele de uma forma específica, como mostra esse artigo:
      http://www.magefront.com.br/como-criar-e-mostrar-atributos-personalizados-do-produto/

      Caso queira, pode postar sua dúvida no Fórum Magento Dicas? Por lá fica mais fácil ajudar e postar códigos!

      Excluir