Lista de produtos

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 de productos por página ...

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...

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. Vamos procurar o...

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 imagem es...

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 será mostrado. HTML 1. A primeira coisa que vamos...

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 as marcas estão inclusas no "for" q...

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 o filtro de preços) ...

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 infinito no qual os produtos são carreg...

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ê tenha interesse ape...

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...

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 pasta snipplet...