New Articles

  1. Quantidade de produtos por página

    1. Insira o seguinte código em settings.txt dentro de “Opções gerais”: title title = Productos en el listado dropdown name = category_quantity_products description = Cantidad de productos por página ...
  2. Botão de contato por meio do WhatsApp

    Neste tutorial, te ensinamos a implementar o botão que possibilita o contato com o administrador da loja, pelo WhatsApp: HTML 1. Crie o arquivo whatsapp-chat.tpl dentro da pasta snipplets com o seguinte conteúdo: {% if store.whatsapp %} ...
  3. Campos personalizados no carrinho

    Neste tutorial, veremos como adicionar campos personalizados dentro do carrinho de compras. Pode servir, por exemplo, para produtos em que é necessário uma dedicatória ou esclarecer informações adicionais sobre a remessa. Essas informações sã...
  4. Selectores ID

    Como o nome já diz, os IDs servem para associar elementos únicos em um documento HTML que podem ser manipulados, por exemplo, com JavaScript . Por ser um elemento único, é mais rápido para browser encontrar e  manipular tags com esse atributo...
  5. Hooks de Javascript

    Ao personalizar um template na Nuvem Shop, é importante saber que há componentes críticos para que as funcionalidades funcionem bem. Esses componentes agora são identificados com algo chamado JS Hooks . Fique tranquilo porque isso não é...
  6. Promoções

    Neste tutorial vamos adicionar as promoções em seu layout, oferecendo a possibilidade de mostrar e aplicar promoções do tipo: 2x1, 3x1,% de desconto em um produto ou de um determinado número de unidades. As promoções são mostradas em: No item da ...
  7. Selos personalizados

    Neste tutorial, explicaremos como você pode adicionar um selo ou logotipo personalizado para aparecer no rodapé da loja, na seção ‘Personalizar meu layout atual’ no Administrador Nuvem. Geralmente é usado para incluir logotipos ou parcerias de relac...
  8. Página em construção

    A página em construção permite ocultar produtos e páginas internas da loja quando a mesma não puder receber visitas, seja porque ainda não foi lançada ou está recebendo atualização. É uma página que mostra informações básicas de contato da lo...
  9. Como adaptar o zoom de produtos para dispositivos móveis

    Com a crescente prolifeiração de dispositivos móveis, muitas das interações de nossos websites precisam ser reformuladas. Uma delas é o evento "hover" . Ele é a ação de posicionar o cursor do mouse sobre um elemento, sem clicar. O evento hover acom...
  10. Produtos relacionados

    Neste tutorial, adicionaremos os produtos relacionados mostrados na parte inferior da página de detalhes do produto. Os produtos relacionados são exibidos usando um slider que mostra uma imagem por slide em mobile e quatro em desktop. Essa fu...