Novo widget da lista de produtos
A lista de novos produtos é um exemplo de conteúdo dinâmico e consiste em dados em tempo real extraídos do catálogo de produtos. Por padrão, a lista Novos produtos inclui os primeiros oito dos produtos adicionados mais recentemente. No entanto, também pode ser configurado para incluir apenas produtos em um intervalo de datas especificado.
Etapa 1: definir cada produto como novo
Esta etapa se aplica somente ao Magento Open Source.
Para lojas Adobe Commerce, consulte Agendando uma Atualização e prossiga para a Etapa 2 nesta página.
A configuração de intervalo de datas Set Product as New pode ser definida somente em atualizações agendadas.
Configurar um produto como novo adiciona o produto à lista Novos produtos. Você pode alterar a configuração de volta a qualquer momento quando não quiser mais incluí-la na lista.
-
Na barra lateral Admin, vá para Catalog > Products.
-
Encontre cada produto que deseja incluir no recurso e abra-o no modo de edição.
-
Para Set Product as New, alterne a opção para definir o produto como um novo produto ou não.
{width="400" modal="regular"}
-
Quando terminar, clique em Save.
-
Quando for solicitado que você reindexe e atualize o cache da página, clique nos links na parte superior da página e siga as instruções.
Etapa 2: criar o widget
O código que determina o conteúdo da lista Novos produtos e sua colocação na loja é gerado pela ferramenta Widget.
-
Na barra lateral Admin, vá para Content > Elements>Widgets.
-
No canto superior direito, clique em Add Widget.
-
Na seção Settings, faça o seguinte:
-
Defina Type como
Catalog New Products List
. -
Escolha o Design Theme que é usado pelo armazenamento.
-
-
Clique em Continue.
{width="600" modal="regular"}
-
Na seção Storefront Properties, faça o seguinte:
-
Para Widget Title, insira um título descritivo para o widget. (Este título é visível somente do Administrador.)
-
Para Assign to Store Views, selecione as exibições de loja nas quais o widget está visível.
Você pode selecionar um modo de exibição de loja específico ou
All Store Views
. Para selecionar várias exibições, mantenha pressionada a tecla Ctrl (PC) ou a tecla Command (Mac) e clique em cada opção. -
(Opcional) Para Sort Order, insira um número para determinar a ordem de exibição deste item com outros na mesma parte da página. (
0
= primeiro,1
= segundo,3
= terceiro e assim por diante.)
{width="600" modal="regular"}
-
Etapa 3: Escolher o local
-
Na seção Layout Updates, clique em Add Layout Update.
-
Configurar Display On para
Specified Page.
-
Defina Page como
CMS Home Page
. -
Defina Block Reference como
Main Content Area
. -
Defina Template como um dos seguintes:
-
New Product List Template
-
New Products Grid Template
{width="600" modal="regular"}
-
-
Clique em Save and Continue Edit.
Por enquanto, você pode ignorar a mensagem para atualizar o cache.
Etapa 4: configurar a lista
-
No painel esquerdo, escolha Widget Options.
-
Defina Display Products como um dos seguintes:
All Products
- Lista produtos em sequência, começando com os adicionados mais recentemente.New Products
- Lista somente os produtos identificados como novos. Um produto é considerado novo durante o período especificado em Set Product As New From/To. A lista fica vazia se o intervalo de datas expirar sem nenhum produto novo definido.
-
Para fornecer controle de navegação para listas com várias páginas, defina Display Page Control como
Yes
.Para Number of Products per Page, insira o número de produtos que você deseja exibir em cada página.
-
Defina a opção Number of Products to Display com o número de novos produtos que deseja incluir na lista.
A configuração padrão é
10
. -
Para Cache Lifetime (Seconds), escolha a frequência com que deseja atualizar a lista de novos produtos.
Por padrão, o cache é definido como 86.400 segundos (24 horas).
{width="600" modal="regular"}
-
Quando terminar, clique em Save.
-
Quando solicitado a atualizar o cache, clique no link na mensagem na parte superior da página e siga as instruções.
Etapa 5: visualizar seu trabalho
-
Na barra lateral Admin, vá para Content > Elements>Pages.
-
Localize a página na grade onde a lista Novos Produtos deve aparecer e clique no link Preview na coluna Action.