FAQs

Articles

Como carrego uma folha de estilos (CSS)?
A folha de estilos deve ser colocada dentro da pasta static e utilizada da seguinte forma: {{ "css/style.css" | static_url | css_tag }} As folhas de estilos também podem ser arquivos .sass ou .tpl. Se a folha de estilos ...
Como carrego um javascript?
O arquivo javascript deve ser colocado dentro da pasta static e ser utilizado de uma forma semelhante ao do CSS e das imagens: {{ 'js/script.js' | static_url | script_tag }} ...
Como coloco os links de login, logout e minha conta?
Os compradores de sua loja podem criar uma conta para poder ver o status de seus pedidos. Para incluir os links necessários em sua loja você apenas precisa colocar o seguinte código: <!-- Login, Logout y Mi Cuenta --> ...
Como definir produtos destacados?
Você pode definir categorias distintas para os produtos em destaque, por exemplo destacados como principais e secundários, dentro do arquivo sections.txt. Saiba mais sobre o funcionamento de sections.txt em Arquivos de Configura&cc...
Como crio outras seções de destaque?
Primeiro você deve modificar o arquivo sections.txt, inserindo sua nova seção, como por exemplo: ofertas name = Ofertas description = (Pon aquí los productos que más quieras destacar como ofertas) ...
Como mostro o preço no produto?
<!-- Mostrar preço --> <span id="price_display" {% if not product.display_price %}class="hidden"{% endif %}>{{ product.price | money_long }}</span> <!-- Preço promocional tachado --> <...
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...
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 ...
Melhorando o carregamento das imagens e SVGs
O primeiro e mais importante passo para melhorar a velocidade de carregamento de um site são as imagens. Se você ainda não sabe como medir a velocidade do seu site, o seguinte artigo pode te ajudar: Medindo a velocidade do seu...
Medindo a velocidade do seu site
Comprender como seu site fica em termos de velocidade, é muito importante para saber onde pode aplicar mudanças. Na Nuvem Shop usamos duas ferramentas do Google para medir a velocidade: PageSpeed e Lighthouse . As duas retornam ...
Melhorando o carregamento do CSS
O CSS pode ser um fator chave na hora de "adiantar conteúdo" para que os usuários possam olhar alguma coisa enquanto o resto do site é carregado, ao invés de uma tela em branco que não diz nada. Se ainda ...
Melhorando o carregamento do Javascript
Antes de começar, se ainda não tem conhecimento de como medir a velocidade do seu site, o seguinte artigo pode ser de ajuda: Medindo a velocidade do seu site Melhorar o carregamento das imagens vai aumentar muito a velocidade, mas ...
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 : ...
5 mudanças de performance para os aplicativos
A velocidade de carregamento (ou performance) é um ponto mais que importante para a conversão das lojas. Quanto mais segundos até que o usuário possa ver o conteúdo ou navegar, mais chances dele abandonar o site. ...
Como faço para corrigir imagens distorcidas no Google Chrome 121?
Dia 24 de janeiro de 2024, o Google lançou uma nova versão do Chrome (121). Em alguns casos, isso fez com que as imagens dos banners rotativos aparecessem distorcidas devido a estilos próprios do navegador. Como corrijo isso...