-
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...
-
Para mostrar os logos deve-se utilizar as variáveis settings.payments e settings.shipping.
Segue um exemplo de como fazer isso:
{% for payment in settings.payments %}
{{ payment | payment_logo | img_tag('', {'height' : 29}) }...
-
Last Updated: 12/02/2016
in Nosso código Variáveis Todas as variáveis que estão disponíveis em layout.tpl também estão disponíveis em todos os arquivos.
store
Objeto Store que representa a loja.
powered_by_url
Marcação padrão da URL que deve ser incluída para indicar que a lo...
-
Neste tutorial, veremos como podemos adicionar texto editável aos banners rotativos da página inicial, deixando campos para: Link (existe por padrão) Título Descrição do produto Botão Cor Para o tema Base, modificaremos o componente que j...
-
Last Updated: 09/01/2018
in Funcionalidades e FAQs FAQs 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 é...
-
Coloque o seguinte código para criar a paginação:
{% if pages.previous %}
Anterior
{% endif %}
{% for page in pages.numbers %}
{% if page.selected %}
{{ page.number }}
{% else %}
{{ page.number }}
...
-
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...
-
Last Updated: 09/09/2015
in Funcionalidades e FAQs FAQs 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...
-
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...
-
Neste tutorial veremos como ter um carrossel de imagens na página inicial que aparecerá somente em celulares. Essa necessidade pode surgir quando um único carrossel de imagens não é o suficiente para computadores e celulares, quando o design das i...