Exemplo de customização

Exemplo prático de customização de loja

Para exemplificar uma customização de loja, vamos alterar a cor do background da loja nos ambientes e preview e staging. Para alterar a cor:

  1. Acesse a pasta do projeto na sua máquina;
  2. Abra o pasta do projeto no seu terminal;
  3. Execute o comando npm install;
  4. Execute o comando npm run sync;
  5. Abra o seu editor de código;
  6. Acesse o arquivo assets > sass > base > _base.scss;
  7. Execute o comando npm run dev no terminal;
  8. No arquivo _base.scss:
    1. Altere dentro do bloco body a propriedade background:
      {body: background: red}
    2. Salve o arquivo.
  9. Acesse a URL da loja em staging (nomeDaLoja.vnda.dev) e verifique as alterações realizadas.

👍

Você conferiu todas as etapas envolvidas na customização de loja. A partir de agora você pode iniciar seu projeto Vnda. Confira também a seção Template de loja para saber mais sobre o nosso BasicTemplate.