Popular Articles

  1. Page.tpl

    page Objeto Page que representa a página atual.
  2. Search.tpl

    products Array de objetos Product que contém os produtos da página atual. products_count Quantidade de produtos retornados pela busca. pages Objeto Pages que representa a quantidade de páginas retornadas pela busca. ...
  3. Clientes

    format_address O método format_address retorna um HTML com o endereço do cliente. {{ customer | format_address }} {# retorna José da Silva Rua Logradouro 123 apto. 12 Bairro, Cidade, CEP Estado Cidade 1234-5...
  4. Social

    fb_like O método fb_like imprime o código HTML que permite fazer um like na URL recebida como parâmetro. Também permite especificar uma referência que corresponde ao lugar que se originou o like para obter estatísticas. {{product.social_...
  5. Newsletter Pop-up

    Neste tutorial vamos adicionar um popup que aparece na home page com a possibilidade de mostrar: Uma imagem Um texto Um link para a imagem e o texto O formulário de inscrição da newsletter HTML A primeira coisa que vamos fazer é criar a p...
  6. Imagens de variações

    ⚠️ A partir do dia 30 de janeiro de 2023, a biblioteca jQuery será removida do código de nossas lojas, portanto, a função "$" não poderá ser utilizada. Essa funcionalidade permite trocar a imagem principal do produto de acordo com as variações do...
  7. Search.tpl | Arquivo

    A página de busca deve mostrar o resultado de uma realizada pelo usuário. Caso não encontre resultados, avisar ao usuário que a busca não trouxe resultados. Nesse caso é possível por exemplo sugerir produtos que podem lhe interessar, como os em dest...
  8. FB_App

    Este objeto representa a aplicação de Facebook da Nuvem Shop. id: Id da aplicação do Facebook. namespace: Namespace da aplicação Facebook (utilizado para Open Graph ). ...
  9. Imagem do detalhe do produto

    Neste tutorial, explicamos como adicionar o componente de imagem nos detalhes do produto. O código neste tutorial inclui: Um slider para imagens de detalhes do produto A mudança de imagem ao modificar variantes de um produto O zoom da image...
  10. Cores no item do produto

    Neste tutorial, vamos ver como visualizar as cores de um produto na listagem, sem precisar inserir nos detalhes do produto. HTML 1. A primeira coisa que vamos fazer é adicionar um novo snipplet chamado item-colors.tpl dentro da pasta snipple...