Lista de produtos

Lista de produtos é um widget abrangente do ShopEngine que permite que você faça uma personalização infinita de sua loja ou página de arquivo. Quer se trate de uma questão de tipografia, cor, margem ou tamanho da borda da página da sua loja ou página de arquivo, a Lista de Produtos pode resolver o problema para você.

Como usar o widget de lista de produtos #

Primeiro, procure o widget Lista de produtos no campo de pesquisa ou encontre-o rolando para baixo na seção Arquivo de produtos do ShopEngine. Em seguida, arraste e solte o widget Lista de produtos na área designada, conforme mostrado na imagem abaixo.

adicionar widget de lista de produtos

Configurar o widget Lista de produtos #

Você pode configurar o widget da lista de produtos nas seções Geral e Configurações.

Em geral #

Debaixo de Em geral seção, você pode controlar a exibição do produto por página. Você pode definir o produto Ordenar por data, nome, popularidade, etc. Você pode mostrar Consulta de produtos por categoria, tag, produto, classificação e muito mais.

Editar widget de lista de produtos

Configurações #

Na seção de configuração, você pode definir as configurações de selo, título, foco do produto, preço, categoria e classificação.

  • Mostrar selo de promoção habilitando o recurso.
  • Mostrar porcentagem de desconto na imagem do produto.
  • Decidir Mostrar etiqueta na imagem do produto.
  • Mostrar ou ocultar Distintivo de falta de estoque.
  • Para o Distintivo, você pode definir o Posição do emblema para Superior esquerdo, Superior direito ou defina uma posição personalizada.
  • Mudar Alinhamento do emblema verticalmente ou horizontalmente.

Depois disso, você pode escolher a ação para Visibilidade fora de estoque. Você pode decidir Mostrar ou Esconder ou manter o Padrão configuração do site.

Visibilidade personalizada fora de estoque: #

Com o ShopEngine Pro você pode personalizar a visibilidade dos produtos que estão em falta, na lista de produtos visualizados recentemente. Na seção Configuração, encontre o Visibilidade fora de estoque recurso e configure-o para Mostrar ou Esconder ou Padrão.

Na imagem mostrando o recurso de controle de visibilidade fora de estoque para o widget Lista de produtos do ShopEngine

Quando você escolhe Padrão, a visibilidade será definida de acordo com as configurações do produto WooCommerce Visibilidade fora de estoque no WooCommerce > Produtos > Estoque. Caso contrário, selecionando Mostrar ou Esconder substituirá as configurações padrão.

Uma imagem mostrando as configurações de visibilidade padrão fora de estoque para WooCommerce

Depois de fazer todas as alterações nas configurações, clique em atualizar salvar.

Título #

Para o Título, colocou o Personagem para mostrar no título.

Passe o mouse sobre o produto #

Decida se Mostrar produto ao passar o mouse. Habilite o recurso e defina seu Posição para a direita, para a esquerda, para baixo e para o centro.

Preço #

Escolha o Alinhamento para mostrar o preço do produto entre as opções fornecidas. Então decida Mostrar etiqueta “OFF” habilitando o recurso para os produtos com desconto.

Categoria #

Mostrar categoria ativando o recurso e Limitar número da categoria mostrar.

Uma imagem mostrando a configuração do widget Lista de produtos do ElementsKit

Personalize o estilo da lista de produtos #

Na guia Estilo, controle o alinhamento do conteúdo, cor de fundo, lacuna de coluna, lacuna de linha, etc., e faça os ajustes necessários para atender às suas necessidades.

Editar estilo da lista de produtos

Você pode alterar o fundo e a margem da imagem do produto na seção Imagem do produto.

Edição de estilo da imagem do produto

Com o parâmetro Crachá do produto, você pode alterar a tipografia, a cor, o plano de fundo, o espaço entre o crachá e assim por diante.

Edição de estilo do selo do produto

A categoria de cada produto aparece acima do título do produto, que pode ser incrementado ajustando tipografia, cor, preenchimento, etc. na seção de categoria de produto.

Edição de estilo da categoria de produto

Na seção Título do produto, você pode alterar a tipografia, a cor e o preenchimento do título para tornar o texto mais atraente e cativante.

Edição do título do produto com lista de produtos

Use a seção Classificação do produto para ajustar o tamanho da estrela de avaliação, definir a cor inicial, contar a cor, contar a tipografia, preenchimento, etc.

editar a classificação do produto com o widget da lista de produtos

Com a seção Preço do Produto, você pode modificar a cor do preço normal, preço de venda e tipografia de seus produtos. Você também pode incrementar o emblema de desconto no preço alterando a cor do texto e a cor de fundo.

preço do produto de estilo

A seção de foco do produto permite controlar diferentes parâmetros, como cor, tamanho da fonte, preenchimento do item, etc., de ícones que aparecem enquanto você passa o mouse sobre um produto. Você pode visualizar as alterações nos ícones existentes, como visualização rápida, adicionar ao carrinho, reação, etc., enquanto passa o mouse.

Personalize o foco do produto

A seção Fonte Global se aplica ao texto de toda a página. Escolha sua fonte favorita para os textos a serem exibidos na página.

Adicione fonte global com lista de produtos

Com tantas seções e parâmetros do widget Lista de produtos, você pode embelezar sua página de arquivo ou página de loja.

Quais são os seus sentimentos
Atualizado em 29 de setembro de 2022