Lista de produtos

Articles

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...
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...
Filtro de marca
Neste tutorial, vamos incluir o filtro de marcas, que pode ser adicionado a partir da criação ou edição do produto no Administrador Nuvem. Requisito: Ter previamente implementado os filtros de variantes já que ...
Filtro de preço
Neste tutorial, veremos como adicionar o filtro de preço. Recomendamos que você tenha o restante dos filtros implementados como base (variantes e marca), neste artigo pode visualizar os passos para obtê-los (também inclui...
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...
Filtros e ordenamiento de produtos
Neste tutorial, veremos como adicionar filtros de categoria e propriedade, bem como a capacidade de ordenar produtos. Entre as propriedades a filtrar estão: Variantes do produto Marca Preço Campos personalizados Caso você...
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 ...
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...