forked from M3-Academy/vtex-cms-template-atualizado
48 lines
2.7 KiB
Markdown
48 lines
2.7 KiB
Markdown
|
# VTEX CMS Template
|
||
|
|
|
||
|
|
data: 10/02/2020
|
||
|
|
|
||
|
|
## Requisitos
|
||
|
|
|
||
|
|
- Nodejs >= 10.13.0 - recomendo usar o nvm para gerenciar suas versões do nodejs (NVM)[https://github.com/coreybutler/nvm-windows/releases]
|
||
|
|
|
||
|
|
## Tarefas Gulp
|
||
|
|
|
||
|
|
- `npm run local` - Ativa um server local e assiste/atualiza mudanças nos arquivos ( html, scss, js e img ), ultilizado para desenvolvimento local.
|
||
|
|
- `npm run local:fast` - Ativa um server local e assiste/atualiza mudanças nos arquivos ( html, scss, js e img ), ultilizado para desenvolvimento local. Porem utiliza o sucrase para uma build mais rapida e leve, no qual pode ser util em projetos muito grandes ou em computadores mais fracos.
|
||
|
|
- `npm run dev` - Ativa um server local e assiste/atualiza mudanças nos arquivos ( scss, js e img ), ultilizado para desenvolvimento onde o template está.
|
||
|
|
- `npm run dev:fast` - Ativa um server local e assiste/atualiza mudanças nos arquivos ( scss, js e img ), ultilizado para desenvolvimento onde o template está. Porem utiliza o sucrase para uma build mais rapida e leve, no qual pode ser util em projetos muito grandes ou em computadores mais fracos.
|
||
|
|
- `npm run prod` - Realiza build para implantação na vtex
|
||
|
|
|
||
|
|
## Guias de desenvolvimento
|
||
|
|
|
||
|
|
- html: [Video Tutorial](https://drive.google.com/file/d/1nopiHENo5VRCsOKKihv6pbDOPOo2J2HV/view?usp=sharing)
|
||
|
|
- css:
|
||
|
|
- js:
|
||
|
|
|
||
|
|
## Processo de implantação
|
||
|
|
|
||
|
|
1. Criação da estrutura padrão das paginas
|
||
|
|
2. Alterar das requisições dos arquivos( normalmente imagens ), no html, css e js
|
||
|
|
3. Implantar sub-template ( footer, header, loads-footer, loads-header e tipbar )
|
||
|
|
- Substituir controles de desenvolvimentos pelos devidos controles da vtex
|
||
|
|
- http://help.vtex.com/tutorial/lista-de-controles-para-templates/
|
||
|
|
4. Implantar template de prateleira
|
||
|
|
- Substituir dados de teste pelos devidos controles da vtex
|
||
|
|
- http://help.vtex.com/tutorial/controles-do-template-de-prateleira/
|
||
|
|
5. Implantação dos templates de pagina
|
||
|
|
- Substituir controles de desenvolvimentos pelos devidos controles da vtex
|
||
|
|
- http://help.vtex.com/tutorial/lista-de-controles-para-templates/
|
||
|
|
6. Fazer Upload dos arquivos ( html, css e js )
|
||
|
|
- Lembre de habilitar o Flash na pagina do portal
|
||
|
|
7. Configurar os layouts para cada pasta( config do web site )
|
||
|
|
- Apontar templates
|
||
|
|
- Obs Erro "404 - File or directory not found." siginifica contentPlaceholder com id duplicado no template
|
||
|
|
- Definir "Body Class" correta.
|
||
|
|
- Essa classe sera usada para o js identificar em que pagina esta sendo executado.
|
||
|
|
- Configurar contentPlaceholder ( Controles para inserção de conteúdo )
|
||
|
|
8. Configuração Master data
|
||
|
|
- Custum Newsletter ( https://gitlab.com/agenciam3/custom-newsletter-form )
|
||
|
|
- Fale conosco ( https://gitlab.com/agenciam3/form-fale-conosco-vtex/ )
|
||
|
|
|