Widget do carrossel de eventos do catálogo

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 {width="700" modal="regular"}

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

Configuração de evento de catálogo {width="500" modal="regular"}

Etapa 2: criar o widget

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

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

  3. No Settings ​faça o seguinte:

    • Definir Type para Catalog Events Carousel.

    • Escolha o Design Theme que é usado pela loja.

  4. Clique em Continue.

    Configurações de widget para um carrossel de eventos {width="500" modal="regular"}

  5. No Storefront Properties ​faça o seguinte:

    • Para Widget Title, insira um título descritivo para o widget.

      Este título é visível somente no Admin.

    • Para Assign to Store Views, selecione as exibições de loja onde deseja que o widget fique visível.

      Você pode selecionar uma visualização de loja específica, 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 em que esse item aparece 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. No Atualizações de layout clique em Add Layout Update.

  2. Definir Display On para Specified Page.

  3. Definir Page para CMS Home Page.

  4. Definir Container uma das seguintes opções:

    • 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 desejar 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, digite o número de eventos que você deseja listar no controle deslizante ao mesmo tempo.

    Para exibir apenas um evento por vez, insira 1.

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

    Para rolar até o próximo evento, insira 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