Novo tema RWD Magento 1.9

Com o novo tema Responsive Web Design (RWD) o Magento introduz novas funcionalidades, neste pequeno artigo destaco suas melhorias .

Menu cliente

Agora todos os recursos do cliente ficam dentro de um único botão logo no topo do site, mais visível, intuitivo e com mais opções.

rwd menu cliente

Carrinho no topo da página

O carrinho agora fica ao lado do botão Cliente, também foi encapsulado em um botão que, quando clicado, mostra a tabela dos últimos produtos inseridos e com muito mais recursos que o antigo carrinho que ficava na lateral direita do site.

rwd-cart

Novo menu principal

Com grandes mudanças estruturais, mostra uma opção a mais, o view all… que dá mais usabilidade para usuários mobile,

rwd menu

Recursos móbile

O tema RWD muda totalmente seu header para versão mobile, condensando todas as funções em quatro botões que por sua vez mostra opções existentes na versão desktop.

rwd-mobile

Slideshow embutido

Agora você não precisa se desdobrar para mostrar uma área de slide na home da loja, com um código simples é possível usar esse recurso, confira aqui como utilizar o slideshow do Magento.

rwd-slideshow

Lista de produtos

A forma como os produtos são listados teve grandes mudanças estruturais, além de muito mais limpo.

rwd-list

Filtros e grade

Agora mais limpa e intuitiva a barra de navegação da lista de produtos, que fica encima e embaixo dos produtos ficou mais agradável

Zoom de imagens

A página de produtos foi totalmente reformulada, finalmente porque era uma das áreas mais complicadas da loja, agora ao passar o mouse sobre a imagem, ele mostra o recuro zoom, muito mais atual e elegante, ao clicar nas miniaturas, agora substitui a imagem maior, antes abria uma nova janela, esse recurso já foi abandonado por diversos sites porque a maioria dos usuários bloqueia esse recurso.

rwd-zoom

Compartilhe nas redes sociais

Com menor destaque, mas muito útil o tema RWD já traz recursos de compartilhar na página do produto, aqui ele não aparece com muito destaque, mas é esse mesmo o objetivo.

rwd-sociais

Página do carrinho de compras

Com um design mais limpo e em duas colunas por padrão, o cliente pode ver os produtos ao mesmo tempo que tem todas as opções do carrinho e e fechamento em um mesmo momento.

rwd-cart-page

Conclusão

Como já dito em outros artigos o tema responsivo do Magento RWD foi um ganho enorme para a comunidade, agora ficou muito mais fácil criar temas para Magento já que o tema está mais moderno e limpo.

Confira abaixo outras postagens sobre o Magento 1.9 e seu tema responsivo

Um abraço.

13 respostas

  1. Olá Ronaldo…
    Primeiro gostaria de agradecer pelas suas dicas, tem ajudado muito.

    Quanto a instalação do Magento (Ubuntu + Mysql + Apache + PHP 5.5), estou com uma dúvida, depois de realizado a instalação Magento + Sample Data o frontend perde a referência dos links, observei que o caminho se perde, exemplo… quando clico em um link o caminho /index.php some e fica somente o endereço do link, e não encontra a página, justamente porque o link não concatena com localhost/index.php/ …. link..

    Não sei se consegui explicar bem, se puder ajudar fico grato.

    Obrigado

    1. Realmente não entendi, verifica se seu php está configurado pra permitir url wewrite ou desativa “usar url amigável” nas configurações do magento

  2. Boa noite. No tema RWD do Magento 1.9 o menu do topo (das categorias) não está aparecendo de padrão, realmente é assim? Tenho que criar manual e não é mais automático como nas versões anteriores?

    Bruno Figueiredo

    1. as categorias voce cria em catálogo > gerenciar categorias
      mas verifica se colocou todas as categorias dentro da defult category
      olha em sitema > gerenciar lojas qual o menu está configurado na sua loja

  3. Olá Ronaldo, quando insiro alguma imagem em uma página (tema rwd), está ficando desconfigurado na versão mobile. É necessário alguma configuração específica? Eu instalei o slide na home e funciona normalmente, porém qualquer outra imagem que insiro sem o código do banner, fica desconfigurada.
    Será que você poderia me ajudar?

    1. eu entendi que são as imagens inseridas em blocos estáticos ou nas páginas estáticas, como a home
      experimenta incluir style=”max-whidth:100%;” dentro da tag da imagem

Deixe um comentário

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.