Como inserir CSS na loja?

Oi, tudo bem?
Neste tutorial vamos aprender como colocar CSS na loja. Caso vá inserir pouca quantidade, sugerimos que faça nesse local mesmo que será mostrado a seguir. Agora, caso vá inserir muito código, sugerimos que faça no Github em seu repositório Template > SCSS > Custom-CSS > _styles.scss, mais no quesito de performance, caso não tenha acesso, entre em contato com um dos membros da plataforma, sugerindo a inserção.
Vamos ao tutorial, acesse seu CMS, vá em Layout:

Vá em Inserir Código, no campo CSS CUSTOMIZADO, coloque o seu código conforme mostra a seguir:

No caso, foi inserido uma para ser executado apenas em tamanhos de tela até 767px, mas você pode colocar código para funcionar em quaisquer tamanhos de tela.

Após a inserção, clique em Publicar e aguarde alguns instantes para a modificação.

1 curtida

Matheus, como faço para que as imagens fique igual do fornecedor, as minha ficam bem inferiores

Boa tarde, o primeiro passo é inserir uma imagem grande, igual foi inserida nesse site. Na plataforma foi inserida uma imagem 436 x 436, nessa loja que me passou é 616 x 814. Se a gente expande uma imagem menor, ela fica distorcida. Então tente colocar uma imagem mais vertical conforme essa, dai se precisar de um CSS, daí olhamos, pode ser?

Matheus bom dia, obrigado vou fazer todas aqui depois informo, parabéns por sempre estar disposto a nos ajudar, você e um ótimo profissional. Obrigado.

1 curtida

Matheus , quando subo a foto ela da erro devido ao qualidade ou tamanho qual seria o tamanho ideal.

Essa imagem está muito grande.
A imagem que consta no site informado tem 963kb, se passarmos ela pelo https://tinypng.com/ que é uma excelente ferramenta de compressão de imagens, que não diminui a qualidade da mesma, ela a passa para 194kb, essa última imagem que você insere em sua loja.