DocumentaçãoCommerceConteúdo e design

Novo widget da lista de produtos

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Usuário

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.

Nova lista de produtos na home page da loja

Etapa 1: definir cada produto como novo

Magento Open Source Esta etapa se aplica somente ao Magento Open Source.

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

  1. Na barra lateral Admin, vá para Catalog > Products.

  2. Encontre cada produto que deseja incluir no recurso e abra-o no modo de edição.

  3. Para Set Product as New, alterne a opção para definir o produto como um novo produto ou não.

    Definindo o produto como novo {width="400" modal="regular"}

  4. Quando terminar, clique em Save.

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

  1. Na barra lateral Admin, vá para Content > Elements>Widgets.

  2. No canto superior direito, clique em Add Widget.

  3. Na seção Settings, faça o seguinte:

    • Defina Type como Catalog New Products List.

    • Escolha o Design Theme que é usado pelo armazenamento.

  4. Clique em Continue.

    Configurações do novo widget lista de produtos {width="600" modal="regular"}

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

    Atualizações de layout {width="600" modal="regular"}

Etapa 3: Escolher o local

  1. Na seção Layout Updates, clique em Add Layout Update.

  2. Configurar Display On para Specified Page.

  3. Defina Page como CMS Home Page.

  4. Defina Block Reference como Main Content Area.

  5. Defina Template como um dos seguintes:

    • New Product List Template

    • New Products Grid Template

      Atualizações de layout {width="600" modal="regular"}

  6. Clique em Save and Continue Edit.

    Por enquanto, você pode ignorar a mensagem para atualizar o cache.

Etapa 4: configurar a lista

  1. No painel esquerdo, escolha Widget Options.

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

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

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

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

    Opções de widget {width="600" modal="regular"}

  6. Quando terminar, clique em Save.

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

  1. Na barra lateral Admin, vá para Content > Elements>Pages.

  2. Localize a página na grade onde a lista Novos Produtos deve aparecer e clique no link Preview na coluna Action.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de