-
Nesta pasta vão os códigos html específicos de cada tela. Lembre-se que você não precisa abrir uma tag <html> aqui, pois esses arquivos vão ser carregados dentro do layout.tpl, que já possui esse...
-
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...
-
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&...
-
Last Updated: 06/11/2015
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 ...
-
Neste tutorial, implementaremos uma segunda imagem na listagem de produtos, que é exibida ao passar pelo produto. HTML 1. A primeira coisa que vamos fazer, é adicionar a segunda imagem (se o produto a possuir) ao item da lista. Va...
-
Last Updated: 28/09/2023
in Funcionalidades e FAQs FAQs 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 ...
-
Nos layouts da Nuvemshop, usamos classes chamadas Helpers ou Utilities, que são usadas para aplicar uma propriedade CSS isolada. Por exemplo, se precisarmos de um texto para ser alinhado ao centro, usamos a classe "text-center": &...
-
No tutorial a seguir adicionaremos a barra localizada acima do head da loja. Ela contém uma área de texto com a possibilidade de atribuir um link. HTML 1. Para começar vamos criar um novo snipplet chamado header-adv...
-
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. Essa imagem, tecnicamente conhecida como imagem OG (Open Graph Image), é a utilizada por ...
-
Código para mostrar a imagem de um único produto :
{% if product.featured_image %}
<a href="{{ product.featured_image | product_image_url('original') }}"> {{ product.featured_image | product_image_u...