Prática - Home Page VTEX CMS - M3 Academy
Go to file
2022-12-05 09:22:58 -04:00
dev feat: new template 2022-12-05 09:22:58 -04:00
meta feat: new template 2022-12-05 09:22:58 -04:00
src feat: new template 2022-12-05 09:22:58 -04:00
webpack feat: new template 2022-12-05 09:22:58 -04:00
.editorconfig feat: new template 2022-12-05 09:22:58 -04:00
.eslintignore feat: new template 2022-12-05 09:22:58 -04:00
.eslintrc.js feat: new template 2022-12-05 09:22:58 -04:00
.gitattributes feat: new template 2022-12-05 09:22:58 -04:00
.gitignore feat: new template 2022-12-05 09:22:58 -04:00
gulpfile.js feat: new template 2022-12-05 09:22:58 -04:00
jsconfig.json feat: new template 2022-12-05 09:22:58 -04:00
package-lock.json feat: new template 2022-12-05 09:22:58 -04:00
package.json feat: new template 2022-12-05 09:22:58 -04:00
README.md feat: new template 2022-12-05 09:22:58 -04:00

VTEX CMS Template

data: 10/02/2020

Requisitos

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

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 )
  4. Implantar template de prateleira
  5. Implantação dos templates de pagina
  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