DocumentaçãoCommerceConteúdo e design

Widget do carrossel de eventos do catálogo

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

Criado para:

  • undefined
  • undefined
  • undefined
  • undefined
Recurso do Adobe Commerce {width="20"} Recurso exclusivo somente no Adobe Commerce (Saiba mais)

Um widget carrossel de eventos do catálogo exibe um controle deslizante de eventos futuros com um marcador de contagem regressiva para cada evento. Você pode escolher as páginas e a área do layout da página onde deseja que o carrossel apareça e controlar a largura e o número de eventos que aparecem de uma vez. O resultado obtido depende do tema, onde ele está posicionado para aparecer na página e das opções escolhidas.

Carrossel de eventos na barra lateral esquerda

Antes de começar, siga as instruções para configurar o widget Evento de catálogo para que ele seja habilitado para a loja.

Configuração de evento de catálogo

Etapa 2: criar o 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 Events Carousel.

    • Escolha o Design Theme que é usado pelo armazenamento.

  4. Clique em Continue.

    Configurações de widget para um carrossel de eventos {width="500" 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 você deseja que o widget fique 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.)

      Propriedades da vitrine do widget {width="600" modal="regular"}

Etapa 3: Escolher o local

  1. Na seção Atualizações de Layout, clique em Add Layout Update.

  2. Defina Display On como Specified Page.

  3. Defina Page como CMS Home Page.

  4. Defina Container um dos seguintes:

    • Main Content Area
    • Sidebar Additional
    • Sidebar Main
    note note
    NOTE
    Os resultados variam de acordo com o tema e o layout da página. Você também deve especificar o Catalog Events Carousel Default Template ​na configuração da categoria.

  5. Se quiser que o carrossel de eventos apareça em outro local na loja, clique em Add Layout Update e repita essas etapas para esse local.

    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 as opções

  1. No painel esquerdo, escolha Widget Options.

  2. Para Frame Size, insira o número de eventos que você deseja listar no controle deslizante ao mesmo tempo.

    Para exibir apenas um evento por vez, digite 1.

  3. Para Scroll, insira o número de listagens de eventos que deseja rolar por clique.

    Para rolar até o próximo evento, digite 1.

  4. Para uma largura personalizada, insira o número de pixels para Block Custom Width.

    Na página de exemplo a seguir, a largura personalizada é definida como 250 pixels.

    Opções de widget de largura personalizada {width="400" modal="regular"}

  5. Quando terminar, clique em Save.

  6. Quando solicitado a atualizar o cache, clique no link na mensagem na parte superior da página e siga as instruções.

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