New Articles

  1. Imagens rotativas com textos editáveis

    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...
  2. Resultados de entrega e retirada

    Neste tutorial, explicamos como exibir os resultados da calculadora de frete, destacando as melhores opções e dividindo entre as opções de entrega em domicílio e os pontos de retirada. Antes de iniciar, é necessário esclarecer que este tutorial ...
  3. Produtos personalizados

    Neste artigo, adicionaremos campos para oferecer produtos mais personalizados. Por exemplo, para casos em que a loja vende camisetas com um número e um nome. Essas informações serão então levadas para o checkout e, finalmente, serão refletidas no d...
  4. Objetos

    Objetos são variáveis determinadas pela plataforma. E cada objeto tem diferentes atributos que são separados por um ponto. Podemos chamar esses objetos de duas maneiras: {% ... %} y {{ ... }} . O primeiro é usado para executar sentenças como loo...
  5. Snipplets

    Snipplets são as menores unidades de HTML dentro de um modelo e são encontrados dentro da pasta com o mesmo nome. Eles representam componentes isolados que podem ser incluídos em um ou vários locais da loja, como o item de produto na lista: Ele...
  6. search.tpl

    Neste arquivo nós carregamos os resultados de uma pesquisa feita na loja. Como na category.tpl, aqui mostramos uma lista de produtos com uma paginação definida pela seguinte etiqueta que determina quantos serão exibidos por página ou cada vez que cl...
  7. account

    Dentro desta pasta, localizamos todos os templates em relação à conta do usuário na loja: Address.tpl Addresses.tpl Info.tpl Login.tpl Newpass.tpl Order.tpl Orders.tpl Register.tpl Reset.tpl Cada um desses templates usa o mesmo embed par...
  8. category.tpl

    Este arquivo começa com algumas configurações importantes para mostrar a lista de produtos de uma determinada categoria. Por um lado, teremos a verificação da existência de filtros dentro da categoria: {% set has_filters = insta_colors|length > 0 o...
  9. Barra de anúncios

    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-advertising.tpl , onde criamo...
  10. Paginação clássica

    O tema Base tem uma página híbrida entre o scroll infinito e o botão para ver mais produtos, mas neste tutorial vamos adicionar a páginação clássica com números e navegação entre diferentes páginas. HTML 1. A primeira coisa que vamos fazer...