Banner de cabeçalho

Você pode querer exibir uma imagem em destaque, um aviso de oferta limitada ou algo similar, como no exemplo abaixo:

Esse recurso não faz parte do checkout com uma configuração global atualmente, é um formato aberto que requer programação.

No entanto, aqui está um exemplo de como ele pode ser utilizado para ter exatamente o efeito exibido acima.

add_action( 'wc_smart_checkout_after_header', function () { ?>
  <style>
    .checkout-header + .checkout-header-banner::before {
      position: relative;
      content: "";
      display: inline-flex;
      width: 100%;
      height: 64px;
      background-image: url(https://s3.sempredisponivel.com.br/dummy-data/promo.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #011032;
    }
  </style>
<?php } );

Você pode inserir qualquer coisa dentro das linhas em destaque. No exemplo, utilizamos apenas um css.

Você pode colocar textos, imagens e até vídeos (mas não sei como isso pode ajudar hehe).

Lembre-se que é necessário um conhecimento em HTML/CSS para fazer esse ajuste.

Se você quiser exibir um contador regressivo é necessário desenvolver um contador em Javascript. Caso queira usar o tempo real de início do checkout do cliente, pode obter essa informação a partir da sessão do usuário:

WC()->session->get( 'smart_checkout_started_at' );