-
Last Updated: 07/09/2015
in Arquivos de Configuração Dentro do arquivo settings.txt definimos variáveis que podem ser configuradas pelo dono da loja no administrador Nuvem Shop, dentro de Opções de Layout.
A estruturação do arquivo se dá da seguinte forma:
Título
Nome da variável
...
-
Last Updated: 20/10/2026
in Funcionalidades e FAQs FAQs 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...
-
Código para mostrar a imagem de um único produto :
{% if product.featured_image %}
{{ product.featured_image | product_image_url('medium') | img_tag }}
{% endif %}
Existem tamanhos pré-fixados para as imagens (largura em pixel...
-
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...
-
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...
-
Em alguns tutoriais, incluímos a técnica de lazy load, para a qual usamos o plugin Lazysizes . Ele evita o carregamento de imagens que não estão dentro do campo visual na tela do dispositivo onde o site é exibido. Quando o usuário está próximo (e...
-
Neste tutorial, criaremos uma opção para mostrar um vídeo na home page da loja. Esta funcionalidade suporta links do YouTube e do Vimeo. HTML 2. Dentro da pasta snipplets , crie um novo arquivo chamado video-item.tpl , que usaremos para ...
-
No tutorial a seguir explicamos como adicionar o calculador de frete e as lojas físicas em seu layout: O código neste tutorial inclui: A calculador de frete, tanto no detalhe do produto como no carrinho O filtro entre opções de envio semelhantes...
-
Nesta pasta vão os códigos html específicos de cada tela. Lembre-se que você não precisa abrir uma tag aqui, pois esses arquivos vão ser carregados dentro do layout.tpl, que já possui esse código base. Esta pasta deve conter:
home.tpl — P...
-
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...