Em 2017 a Euro Colchões passou por um processo de Redesign com o propósito de iniciar o funcionamento como Loja Virtual. Em conjunto com a Agência Fizzy fiquei responsável pelo desenvolvimento de tema profissional bem como pela criação de Loja Virtual com WooCommerce.
O Cliente
A Euro Colchões é uma grande marca do seguimento de mobiliário sendo inclusive, especializada em camas e colchões. Com uma rede grande atuante no Estado do Rio de Janeiro e com presença também no Paraná a Euro Colchões assim destaca-se pela diversidade de linhas e por produtos especializados para rede de hotelaria.
O Projeto
Além de seu papel institucional e informativo (Blog) o novo foco do site era justamente o da atuação como comércio eletrônico a fim de prover nova fonte de receita direta para a empresa.
Produtos Variáveis
Um requisito importante do projeto era o de oferecer seleção de tipos de tecido e tamanho dos produtos (principalmente colchões e Boxes). Para isso lancei uso do Plugin Improved variable Product Attributes desenvolvido pelo Dzeriho e que inclusive está disponível no CodeCanyon. Tive de realizar algumas customizações como a selação automática do primeiro atributo e alguns ajustes de CSS mas a parte lógica ficou toda com o plugin.
Filtro de produtos com AJAX
Esta foi uma exigência importante do projeto já que a rede possuia grande diversidade de produtos no catálogo. Na página interna de categoria de produtos tínhamos uma barra lateral com características dos produtos (atributos) que podiam ser selecionados e desse modo os produtos eram filtrados. Alguns filtros comuns no site eram o tamanho, revestimento, faixa de preço e outros diferenciais, inclusive.
Restrição de vendas por Geolocalização
Uma mensagem solicitava o estado e cidade de origem do internauta. Com isso as ofertas de preço e frete mudavam automaticamente. O internauta também tinha a opção de alterar a localização manualmente.
Na época, cheguei a levantar algumas opções de plugin sem encontrar nada que fornecesse a granularidade por Estado. Acabei optando por uma solução própria baseada em taxonomia de produtos, campos personalizados e cookies.
Lista de lojas
Um recurso legado do tema anterior foram as lojas. Na página Nossas lojas o Site da Euro possui uma navegação por Estado e Cidade com base em uma sequência de mapas.
Para criar essa página fiz uso de uma técnica bem antiga de mapeamento de imagens e âncoras. Ao clicar na imagem de um estado o internauta acessava as lojas daquele estado. A única exceção era o estado do Rio que ainda apresentava um segundo filtro com as regiões do estado. Selecionada a região o internauta tinha acesso ao grupo de lojas específico.
O recurso que oculta e revela os mapas foi feito adaptando o script de abas da biblioteca getbootstrap.com. Com isso, bastou respeitar a marcação conforme a documentação e realizar alguns ajustes na folha de estilo (CSS).
Conclusão
O novo tema ficou mais leve e apresentou bons recursos de E-Commere incorporados ao WooCommerce. Com seu site novo a Euro Colchões não promovendo sua marca de modo eficaz reforça o relacionamento com seus franqueados e ainda possui um canal de vendas.