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 for um arquivo .s...
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:
{% if 'mandatory' not in store.customer_accounts %}
...
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ção.
Usando...
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)
{% for product in sec...
Como mostro o preço no produto?
{{ product.price | money_long }}
{{ product.compare_at_price | money_long }}
...
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 é...
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...
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 site Se já trabal...
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 resultados com...
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 não sabe bem como medir a velocidade do seu s...
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 o Javascript e...
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...
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. Think with Google Por iss...
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? É simples! E tem...