Estilizar elementos padrões VTEX IO de uma nova loja

Olá pessoal boa tarde, estou começando a estudar VTEX io e criei uma nova workspace em VTEX io.

Ao iniciar a loja via VTEX link tive retorno de alguns blocos iniciados no front (Logo, input de busca, mini cart e o logo da VTEX no footer), porém os meus arquivos JSONCs ( interceface.jsonc, header.jsonc e etc …) estão vazios, gostaria de entender como posso removê-los ou estiliza-los.

Segue imagem do front:

Isso que voce está vendo é o template padrao do vtex.store, é o framework da vtex para lojas vtexio.

Voce pude editar o estilos desses componentes criando os arquivos dentro da pasta styles → css

dentro da pasta css voce pode criar arquivos com o nome das dependencias que voce tem no seu manifest.json, pode exemplo:

vtex.store-header.css → vtex.store-header é uma dependencia do seu manifest.json

voce pode consutlar os valores disponiveis para estilizacao na documentacao do header (apenas um exemplo): Header

na parte de css-handles no final da documentação, exemplo

. container {
background-color: #000;
}

Consegui aqui, muito obrigado.

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.