Live #19 – Tira Dúvidas Sobre CSS Para Personalização e Ajustes de Loja Virtual Nuvemshop – 05/04/2022
🚀 Contrate a Planweb
Contrate minha equipe na Planweb para deixar sua loja profissional e configurada para vender de verdade.
📹 Vídeos comentados e sugeridos
- Como fazer o cadastro de produtos corretamente na loja virtual Nuvemshop
- SEO – Otimize sua loja para aumentar as chances de ser encontrada no Google
- Transformar o carrossel do tema amazonas da Nuvemshop em grid para rolagem vertical (normal)
- Ajustar banner rotativo no tema Amazonas da Loja Virtual Nuvemshop
- Live #11 – Especial sobre CSS Personalizado para loja Nuvemshop
📝Resumo do conteúdo
O que o é possível personalizar na minha loja Nuvemshop com CSS?
Tudo o que for referente a “formatação” dos elementos, ou aspecto visual deles. O CSS não altera estrutura do HTML e nem o conteúdo, ele apenas modifica as características visuais do elemento.
Nos textos é possível mudar:
- Tamanho da fonte
- Cor do texto
- Maíuscula ou Minúscula
- Espaçamento – Entre linhas, margens, preenchimento
- Fonte (Estilo da fonte)
- Aspecto: Negrito, Normal, Fino;
- Decorações: Riscado, sublinhado, etc…
- Sombra
- Outros
Em outros elementos como camadas, boxes, botões, etc…
- Cor ou imagem de fundo
- Toda a formatação de texto interno (Especificado na lista anterior)
- Sombra
- Tamanho: Largura e altura, fixa, relativa ou percentual;
- Posicionamento: Estático, Fixo, Relativo, Absoluto;
- Borda: Espessura, cor, superior, inferior e laterais;
- Arredondamento dos cantos;
- Opacidade;
Outros
Sintaxe básica de um código CSS
seletor{
propriedade: valor;
}
Efeito Cascata
Sempre a última instrução CSS escrita irá sobrepor a declarada anteriormente, mas somente as propriedades que foram declaradas, as que não forem continuarão funcionando conforme a declaração anterior.
Caso queira que uma declaração prevaleça, deve-se incluir a flag !important logo após o valor declarado.
Em caso de repetida declaração com a flag !important, manterá a regra da cascata valendo sempre a última declarada com essa flag.
Hierarquia dos elementos
A formatação definida para um elemento pai será aplicado por padrão aos elementos filhos, ou seja, aos que estão dentro deles, a não ser que seja redefinida uma declaração CSS para esse elemento filho.
❓ Perguntas Respondidas












… Resposta na live
💬 Chat da Live
Antonio SanchezDesenvolvedor de loja
Antonio SanchezQuintana/SP
Michele BernardesBoaaa tarde
Bebe Arthurboa tarde amigo tudo bem
Samuel SoaresJackson, boa tarde…. me ajuda numa dúvida…. Criei uma conta na shopfy com 4 mêses grátis e apos isso uma mensalidade de 14$.
Ofertas Hotboa tarde
Samuel SoaresVale apena mudar para nuvemshop?
Michele Bernardestenho loja
Michele Bernardessou de Uberlândia
Kenia Martinsboa tarde
Thaina FerreiraBoa tarde Jackson!
lia silvaOlá boa tarde ,primeiramente PARABÉNS pelas 1000 visualizações ,isso não é nada perante ao seu trabalho e dedicação que tem nos oferecido, logo logo serão transformadas por MILHÕES .
shopping Spacepode ser sendo menor de idade?
Samuel SoaresObrigado, ainda vou começar…não tenho loja ainda montada, só para saber qual seria melhor, para não começar em uma e depois me arrepender …. Obrigado pela informação
Bebe ArthurJackson quem tem o plano de 99,90 na nuvemshop tem direito a códigos CSS grátis ?
RenatoBRScheguei na area meu povo
lia silvaPor favor poderia nos mostrar como tirar o botão de frete grátis e a porcentagem off que fica em cima da imagem
shopping Spacemontei minha loja é já achei o fornecedor já estou começando
RenatoBRScaraca maneiro esse botão do whats não tinha visto ainda
Alexandre AbrantesTem como colocar uma foto para cada nicho com css? se não, onde é como acho instruções pra fazer isso?
Loja KaririBoa tarde professor…
Alexandre Abrantessim, eu gostaria de saber como colocar uma imagem pra cada categoria. ex: Categoria: MULHER, com uma foto de uma mulher. já agradeço!
Jackson Jorge – Empreendedor Digitalhttps://loja.planweb.com.br/produtos/…
RenatoBRScomo colocou esse botão do whatsapp?
RenatoBRStendi
Luis Daniel – Gestor de tráfegoCabeçalho na barra de anúncio que fica acima desse banner de inicio. texto informativo fica centralizado, caso eu queira adicionar outras 2 informações mais curtas dando espaço ( esq. centr. direit)
Luis Daniel – Gestor de tráfegoentre elas
Valéria Vieiraolá Jackson vc tem vídeo ensinando a colocar o botão de compra no final da Descrição do produto?
Jackson Jorge – Empreendedor Digitalhttps://loja.planweb.com.br/produtos/…
MarconBoa tarde, pode me ajudar? Para editar o css somente com o plano Influência?
Valéria Vieiraobrigada
Jackson Jorge – Empreendedor Digitalhttps://www.youtube.com/watch?v=szBdL…
Fernando BaraunaJackson sua loja na página principal de baixo do parcelamento tem a opção de pix e o valor avista, colocar no tema simple.
Carla BrandaoOi Jackson, boa tarde! Eu enviei um e-mail e liguei também. Sobre umas dúvidas que gostaria de tirar para finalizar a compra.
Kenia MartinsTa transmitindo normalmente
Bruno GermanoSim estamos
Carla BrandaoEstou
Carla BrandaoPois é
Bruno Germanotenta uma aba anonima
Ofertas Hotaqui ta ok
Carla BrandaoTenta outro navegador
Valéria VieiraJackson já sou vou cliente de vcs, Papelaria Santa Canetinha e Tbm sou Loja parceira como faço a adquirir o Script de botão de compra no final da Descrição
Jackson Jorge – Empreendedor DigitalGalera, ja volto, deu pico de luz aqui e caiu tudo
Kenia MartinsSem Problemas
Kenia MartinsTa sem áudio
Ofertas Hotaqui travou tudo
Kenia MartinsVoltou o audio
Ricardo Soaresfaz tempo q começou?
Kenia Martinsporem a imagem está repicando
Ofertas Hoto audio aqui ta ok
Ricardo Soareso áudio tá certo, mas a imagem tá travando
Ofertas Hotimagem travando
Pedro Santosta travando a imagem somente
Pedro Santosqual código usar para modificar algo somente para o mobile?
Ricardo Soaressó segui chegar agora, perdi muita coisa?
Kenia MartinsVoltou
Ricardo Soareso script que tira o carrossel do layout Amazonas, não aumenta o tempo de carregamento da página? por conta de mais imagens pra carregar
Kenia Martinsa imagem agora ta perfeita também
Elísio F Borges | UNICERT – RJJackson, aqui é o Elísio. Deixei um assunto para vc no VIDEO DE FRETE. Ajude-me respondendo, assim que possivel. Muito obrigado. Elísio
Ofertas Hotvc colocou o zoom ficou ótimo
Ricardo Soaressim, mandei
Elísio F Borges | UNICERT – RJAinda no mês de abril, estamos nos associando a vcs..
Ricardo Soaresshow, valeu Jackson
Curta o chat ao vivo! Não se esqueça de proteger sua privacidade e seguir nossas diretrizes da comunidade.
SAIBA MAIS
Pedro Santoscomo alterar o botão de lugar???
Pedro Santosquais comandos usar para alterar o botão de lugar?
Ricardo Soaresquando pretende fazer a próxima live de análise de site?
Sounds NoCopyright [SNC]faz um vídeo de como configurar o meios de envios na forma de Dropshipping
Kenia MartinsNo tema Amazonas tem a possibilidade de colocar um botão na pagina inicial pra que quando o cliente clicar ele consiga ver todos os produtos?
Ofertas Hotcomo arredondar as bordas
Pedro SantosVou tentar explicar melhor… Preciso alterar o botão de lugar, somente do mobile
Elísio F Borges | UNICERT – RJJackson é possível inserir um botao de agendamento ou compra em uma pagina qualquer, sem código?
Jackson Jorge – Empreendedor Digital.item-product .labels { display: none;}
Luis Daniel – Gestor de tráfegoMensagem informativa que fica no topo (cabeçalho) da loja. Texto da mesma fica centralizado > como faço para adicionar mais 2 textos colocando 1° na esquerda 2° centralizado e o 3° a direita
Luis Daniel – Gestor de tráfegoNa opção da loja só consigo acionar 1 texto centralizados
Brincalhão Pet Shopcomo configurar a loja no celular?
Elísio F Borges | UNICERT – RJMuito obrigado.
Gabriel Flauzinovc consegue analisar minha loja ?
DONNA DUcomo mudo a foto de capa do produto Jackson?
Ofertas Hotok meu jovem, obrigado
Georgides FerreiraEm outras plataformas tem como vincular cada pixel para cada produto como fazer isso na nuvem
Lucas GomesJackson vai ter uma diferença de performance significante ao usar o Jquery ao invés de JS puro ?
Vie et SantéQuando as pessoas clicam, em qualquer categoria da minha loja, elas sao direcionadas para uma pagina /produtos. e lá so tem uma imagem
Vie et Santésempre a mesma
Lojas AdmireShoptem video de como configurar meios de envios?
Brincalhão Pet ShopInstalar o Gerenciador de tags do Google e eu coloco no codigo de rastreio da nuvem shop
Jackson Jorge – Empreendedor Digitalhttps://www.youtube.com/watch?v=nXAtY…
Elísio F Borges | UNICERT – RJJackson, Estou saindo. Obrigado pela experiência dessa LIVE. Elísio
Fernando BaraunaJackson como deixar de baixo do parcelamento, a forma de pagamento no pix, valor avista . igual esta na sua loja de verde
Jackson Jorge – Empreendedor Digital@Fernando Barauna chama no whats https://planweb.com.br/whats que minha equipe te atende para instalar esse código
lia silvagratidao
Samuel Soaresshow
Vie et SantéCriando Conversões personalizads por URL ou por Botão com o pixel do facebbok
Brincalhão Pet Shopparabéns pela live, mto top
Jackson Jorge – Empreendedor DigitalQue bom que gostaram, fiquei um pouco chateado pelos travamentos e queda da luz, mas deu tudo certo
Vie et Santéperfeito muito obrigado
Vie et SantéBlz vou mandar sim