Lista de produtos

Articles

Scroll Híbrido
Neste artigo veremos como criar a funcionalidade de scroll híbrido nas páginas da categoria e nos resultados da pesquisa. Mas o que é um scroll híbrido? Basicamente, misture as experiências de: Um scroll infin...
QuickShop
Neste tutorial veremos como adicionar um pop-up com o formulário do produto, que pode ser visto no item da lista de produtos. HTML 1. A primeira coisa que vamos fazer é criar um novo snipplet chamado quick-shop.tpl dentro da p...
Quantidade de produtos por página
1. Insira o seguinte código em settings.txt dentro de “Opções gerais”: title title = Productos en el listado dropdown name = category_quantity_products description = Cantidad ...
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 ...
Segunda imagem em rolagem
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...
Imagem da categoria
Neste tutorial adicionaremos a imagem por categoria, uma geral que aparece em todas as categorias e as imagens específicas de cada uma. Para o tema Base, criamos um componente que exibe a imagem geral, a menos que a categoria tenha uma im...
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 ...
Descrição da Categoria
Neste tutorial, vamos adicionar a descrição da categoria. Para o layout Base criamos um componente que mostra a descrição da categoria. Caso a categoria não tenha uma descrição carregada, nada se...
Filtros e ordenamento dos produtos
Neste tutorial, veremos como adicionar filtros de categoria e propriedade, bem como a capacidade de ordenar produtos. HTML 1.  A primeira coisa que faremos é atualizar o código snipplet filters.tpl dentro da pasta snippl...