quinta-feira, 4 de outubro de 2012

Dica: Alterando o número de colunas


Boa tarde pessoal!
Hoje resolvi dar uma dica sobre como alterar o número de colunas dos produtos no Magento. Existem diversas maneiras de se fazer isso, mas, para não complicar muito as coisas, vou postar as que eu acho mais simples!

Se você quer:

-alterar o número de colunas dos produtos novos na home, basta editar o arquivo new.phtml:
app->design->frontend->default->SeuTema->template->catalog->product

-alterar o número de colunas dos Produtos Visualizados Recentemente, terá que editar o arquivo home_product_viewed.phtml:
app->design->frontend->default->SeuTema->template->reports

-alterar o número de colunas dos produtos na listagem das categorias, basta editar o arquivo list.phtml:
app->design->frontend->default->SeuTema->template->catalog->product

Em ambos os casos, procure o seguinte termo:

<?php $_columnCount = $this->getColumnCount(); ?>

E mude para:

<?php $_columnCount = 5; ?>


Onde 5 é o número de colunas que você quer que apareçam!

Agora, se você quer alterar o número de colunas dos produtos na home, mas não usa o código para exibir novos produtos e sim o que utiliza o arquivo list.phtml, terá que seguir os seguinte passos:

Caso o código esteja no conteúdo da sua home, acrescente  a opção column_count="num_colunas" dentro do código, seguindo o exemplo:

{{block type="catalog/product_list" column_count="5" name="home.catalog.product.list" alias="products_homepage" template="catalog/product/list.phtml"}}

Caso utilize um código parecido com esse no campo Atualização de Layout por XML:

<reference name="content">
    <block type="catalog/product_list" name="home.catalog.product.list" alias="product_list" template="catalog/product/list.phtml" after="cms_page">
    <action method="addPriceBlockType"><type>bundle</type><block>bundle/catalog_product_price</block><template>bundle/catalog/product/price.phtml</template></action></block>
</reference>


Adicione o seguinte código, dentro do bloco:

        <action method="setColumnCount"><columns>5</columns></action>

Após fazer as devidas alterações, limpe o cache do magento e do navegador!
Acho que é isso! Se tiver algo a acrescentar ou alguma dúvida, pode comentar!
=) 

Obs: Dependendo das mudanças, será necessário mexer no css da sua loja para que o layout não fique desconfigurado!

8 comentários:

  1. fiz as alterções mas a home continua com 4 colunas

    ResponderExcluir
    Respostas
    1. Olá! Qual código você utiliza para exibir produtos na home?

      Excluir
  2. Bom dia,

    estou utilizando o layout da home com 3 colunas, então os produtos são visualizados e 3 colunas. Gostaria de configurar o layout das categorias para 5 colunas que atualmente são 3, como faço isso? Também preciso tirar o bloco estático "comparar produtos" da home, canto superior direito. Veja o site http://www.anglodigital.com.br/

    ResponderExcluir
    Respostas
    1. Olá Tiago!
      O arquivo responsável pela listagem dos produtos nas categorias é o list.phtml (app->design->frontend->default->SeuTema->template->catalog->product), então você terá que alterar ele.
      Quanto a retirar o comparar produtos, veja o seguinte tutorial:

      Remove Compare Products Box from Magento Sidebar

      Excluir
  3. Ótima dica, indicação de Jonatan da Arsenal Webdesign membro da comunidade comunidademagento.com.br.

    Muito Obrigado!

    ResponderExcluir
    Respostas
    1. Olá Tiago!
      Fico feliz em saber que a dica tenha te ajudado! =D
      Também faço parte da Comunidade Magento e conheço o Jonatan, que aliás é um ótimo profissional e sempre ajuda as pessoas!

      Excluir
  4. Olá boa tarde a todos
    Perfeito todas as alterações perfeita obrigado pela ajuda

    loja: www.megamixeletro.com.br

    ResponderExcluir