New Articles

  1. Como aplicar CSS no checkout

    Neste tutorial veremos como adicionar CSS para o checkout e assim adaptar seu design ao de nossa loja. IMPORTANTE: Antes de continuar, vale esclarecer que o checkout é uma etapa crítica para a compra e na hora de efetuar alterações, devemos ter mui...
  2. Imagem da loja ao compartilhar seu link

    Neste tutorial veremos como adicionar a possibilidade de usar uma imagem diferente do logo da loja ao compartilhar o link de sua página inicial ou de uma categoria. Essa imagem, tecnicamente conhecida como imagem OG (Open Graph Image), é a utiliz...
  3. Descrição da Categoria

    Neste tutorial, vamos adicionar a descrição da categoria. Para o layout Base criamos um componente que mostra a descrição da categoria. Caso a categoria não tenha uma descrição carregada, nada será mostrado. HTML 1. A primeira coisa que vamos...
  4. Pontos de ancoragem para aplicações

    Os layouts da Nuvemshop possuem seletores HTML projetados para que aplicativos ou agentes externos possam ser ancorados ao design de cada loja sem ter que adaptar seu código com base em cada layout. Esses componentes são representados pelo atributo...
  5. Loja com produtos digitais e / ou físicos

    No tutorial a seguir, explicamos como fazer uma loja adaptar o fluxo de compras ao vender produtos físicos e produtos digitais ou serviços, considerando a possibilidade de ter carrinhos “mistos” com os dois tipos de produtos. As alterações neste tu...
  6. Imagem da categoria

    Neste tutorial adicionaremos a imagem por categoria, uma geral que aparece em todas as categorias e as imagens específicas de cada uma. Para o tema Base, criamos um componente que exibe a imagem geral, a menos que a categoria tenha uma imagem es...
  7. Mensagem de envio gratuito na calculadora de envio

    No tutorial a seguir, explicamos como adicionar uma mensagem à calculadora de envio para quando a compra tiver frete grátis. A compra com frete grátis depende de fatores como o valor mínimo de compra, a região ou da categoria de produto. HTML ...
  8. E-mails automáticos

    Em seguida, compartilharemos os e-mails enviados aos clientes durante os diferentes estados dos pedidos e do registro do usuário. Eles são configurados em "Configurações> E-mails". Carrinhos abandonados : enviados aos clientes quando eles abandon...
  9. Mensagem informativa

    Neste tutorial, explicamos como adicionar uma mensagem de demoras na calculadora de frete antes da finalização da compra. HTML No snipplet shipping_options.tpl adicionamos o seguinte código para que se mostre uma mensagem ao calcular um frete...
  10. Segunda imagem em rolagem

    Neste tutorial, implementaremos uma segunda imagem na listagem de produtos, que é exibida ao passar pelo produto. HTML 1. A primeira coisa que faremos é substituir a imagem pelo componente privado de imagem para o item de produto produ...