Inserindo produtos novos na home CORREÇÃO

Algumas pessoas deixaram comentários aqui no meu site falando de um erro acontecido no módulo de novos produtos ou new products, neste artigo rápido vou te ensinar como corrigir este problema.

Antes de tudo um jabá

Eu acabei de lançar meu curso de Magento para quem quer desenvolver temas, ele está completo e ensino a alterar, editar e construir novos temas dentro da plataforma utilizando o que há de mais moderno, se estiver interessado em saber mais clique no banner ao lado ou neste link para saber mais e assistir a seis aulas gratuitamente.

O problema

Quando fiz os tutoriais ensinando a editar o novo tema do Magento estávamos na versão 1.9.0.1 porém se você baixar hoje o novo Magento já estamos na versão 1.9.1.0, eu pretendo fazer um artigo falando sobre as principais alterações visuais nessa versão, mas o que nos interessa saber agora é que antes o tema rwd tia o arquivo de template new_grid.phtml e agora na nova versão se você utilizar o meio de inserção por XML como fiz em outro tutorial ele vai ficar estranho. O que ocorreu é que este arquivo foi excluído do tema rwd e agora irá utilizar o arquivo do tema base.

A solução

Felizmente a solução fica inerente na nova versão do conteúdo de exemplo do próprio Magento, então ao invés de utilizar o código XML de antes, basta inserir o seguinte código diretamente na área de conteúdo:

<style type="text/css">
    /* reseta .std styles */
    .std ul.products-grid li {
        list-style: none;
        margin-left: 0;
    }
    .std ul.products-grid li .product-info {
        padding-bottom: 0 !important;
        min-height: 0 !important;
    }
    .widget-new-products h2 {
        text-align: center;
    }
</style>
{{widget type="catalog/product_widget_new" display_type="new_products" products_count="5" template="catalog/product/widget/new/content/new_grid.phtml"}}

Como se pode ver trocamos todo o código XML que iria na parte visual do CMS para um código style diretamente na página e um widget para incluir o bloco de New Procucs ou Novos Produtos, lembrando sempre que este método pode ser utilizado pra criar qualquer novo bloco de conteúdo que pode chamar um arquivo de template (PHTML) que fica na pasta template do seu tema (ou no tema base, dependendo do esquema de fallback).

Bom espero que com este pequeno artigo eu tenha sanado suas dúvidas e lembrando sempre que você me ajuda muito colocando aqui suas dúvidas e sugestões.

Um abraço.

26 respostas

  1. Parabens assisti as 6 aulas do curso, muito bom. Este curso tem os arquivos para edição? e o sample data alterado? As vezes me atrapalho com a edição e um erro de digitação complica tudo, e os xml modificado é interessante para o estudo, comprei o design do magento v2 na epoca achei muito legal os arquivos prontos para mexer, estou pensando em faze-lo.

  2. Olá Ronaldo! Existe algum jeito de trocar esse título “NOVOS PRODUTOS”? Ou existe algum jeito de deixar produtos como destaque? Tenho outra dúvida em relação ao rodapé do Magento 1.9. Não consigo incluir os blocos das redes socias e também para outros conteúdos. Poderia me ajudar?

    1. existe sim, você pode modificar os arquivos de tradução
      pode-se inserir categorias na home utilizando algum widget
      redes sociais no rodapé depende do tema que você está utilizando, por exemplo, no rwd use um bloco estatico com footer_links_sm como identificador

  3. Parabéns pelo site, conheci hoje e já encontrei muitas coisas interessantes e será muito útil para mim. Mas sobre o link acima do curso de 6 aulas não está mais disponível… Estou interessado em acompanhar… Tem como disponibilizar novamente?? Obrigado.

  4. Estou com um problema parecido com o do Bruno, retirei o comentario da (home/design/layout da pagina) e os produtos estão aparecendo porem aparecem 3 na primeiro linha e 1 na segunda depois 3 na terceira linha e 1 na quarta e vai seguindo esse padrão, já troquei o styles.css pelo padrão mas não resolveu.

    1. é porque o endereço mudou da versão 1.9.0 para 1.9.1
      ao invés de usar esse código na tela de visual, use este na tela de conteúdo onde você deseja que ele apareça

      {{widget type=”catalog/product_widget_new” display_type=”all_products” products_count=”25″ column_count=”5″ template=”catalog/product/widget/new/content/new_grid.phtml”}}

    2. Estava com o mesmo problema aí resolvi o meu eu resolvi dessa forma(meu magento é o 1.9.2.2), apaguei tudo que tinha la e coloquei assim:


      {{widget type=”catalog/product_widget_new” display_type=”all_products” products_count=”15″ template=”catalog/product/widget/new/content/new_grid.phtml”}}

      1. não apareceu o codigo todo quando colei na resposta. Tá faltando a parte do codigo que vai da linha 1 ate a 14 do codigo que o ronaldo postou. Aí so colocar antes desse que postei aí em cima

  5. Otimo seu Site, tem bastantes dicas uteis..
    porem sou novo com magento e estou apanhando um pouco …
    na minha home usei o codigo abaixo:
    Porem os produtos estao aparecendo Gigantes na minha home, o que devo fazer?






     

    {{block type=”catalog/product_new” name=”home.catalog.product.new” alias=”product_homepage” template=”catalog/product/new.phtml”}}
     
     
     

  6. Ronaldo , otimo site , infos incriveis …obrigado pelo conteudo . tentei fazer conforme acima e Ele me aaperece 5 produtos na linha de cima e 5 na linha de baixo , sendo que eu gostaria que aparecesse 8 na linha de cima e ficasse rolando ao lado mas nada na linha de baixo , sabe como fixar isso ?
    muito obrigado , se puder dar uma olhada como esta ficando meu projeto http://www.mactop.com.br , obrigado

    1. isso já é mais avançado, você precisa criar seu próprio arquivo phtml pra criar essa informação e algum javascript pra fazer o rotativo

  7. Bom dia Ronaldo, muito obrigado pelas dicas que salvam vidas hehehe, queria te pedir mais uma, meu Magento ver. 1.9.2.2 eu importei um arquivo com produtos para uma categoria mas nao consigo alterar nada no backend depois que envio e principalmente nao consigo fazer com que apareca os produtos no site. Outra coisa que nao consigo é inserir imagens quando crio um produto novo manualmente pois na parte imagens nao aparece o botao para efetuar o upload das imagens, podeira me dar uma dica o que estou fazendo de errado? muito obrigado mesmo.

    1. verifica se não colocou as alterações em uma visão de loja, as fotos voce pode colocar na pasta media/imports, mas já houve outros problemas pra editar no backend depois.

  8. Boa Tarde , eu estou com esse mesmo problema no Magento V 1.9.0.1 .
    – Ou Seja foto não entra. com qualquer navegar IE. , Mozila, ou Chrome , e no navegador que eu mais utilizo que é o Avast SafeZone , os botões nem chegam a aparecer para dow. e upl.
    – Então eu gostaria saber ou passo a passo como se resolve este problema , ou então que alguem entrasse em contato comigo e me ajudaria, resolveria , eu pago pelo serviços .

    quem acessar o site ,vai ver la que alguns itens estão sem fotos .

    obrigado

    1. então parece que tem algo de errado no seu código, dá uma conferida se não tem algum erro de digitação, se precisar de meus serviços de assessoria entra em contato comigo pelo fale conosco ou pelo whatsapp, meu número está ae em cima.

  9. Fala Ronaldo, tudo bem? Parabéns pelo post. Tenho uma dúvida, como faço para colocar produtos novos na home mas de forma randômica, ou seja, ficar trocando de produtos na home? Desde já agradeço pela atenção

Deixe um comentário para Aristides Neto Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.