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:
- Acesse a pasta do projeto na sua máquina;
- Abra o pasta do projeto no seu terminal;
- Execute o comando
npm install
; - Execute o comando
npm run sync
; - Abra o seu editor de código;
- Acesse o arquivo assets > sass > base > _base.scss;
- Execute o comando
npm run dev
no terminal; - No arquivo
_base.scss
:- Altere dentro do bloco body a propriedade background:
{body: background: red}
- Salve o arquivo.
- Altere dentro do bloco body a propriedade background:
- 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.
Updated about 1 year ago
What’s Next