Print 01 | Print 02 |
---|---|
Print 03 | Print 04 |
https://diogolcarvalho.github.io/projeto-eCommerce/
Tanto o nav e o footer estĂŁo incluĂdos no javascript, para a reutilização nas outras páginas do projeto, como a página de erro e a de produto.
Basta incluir no HTML a tag com a class correta.
O efeito da passagem de produtos é através dos botões. Ao clicar no nxtBtn é adicionado ao .product-container (div que segura os produtos) um número, que aumenta o scroll lateral e ao clicar no preBtn é removido.
Detalhes nos comentários. Mas basicamente, é adicionar e remover a class da div e colocar como background.
Criando esse efeito:
Mesmo efeito de adicionar e remover a class.
Criando esse efeito:
O projeto tem quatro páginas, a principal, a página de erro, de produtos e de pesquisa.
- Projeto a continuar depois ⏳ com novas funcionalidades;
- PossĂveis melhorias na Responsividade;
- Inspirado em Modern Web.