Dodanie licznika który odmierza czas w górnej części sklepu, jeśli chcesz poinformować swoich klientów o okresowej promocji jest to idealne rozwiązanie

Zobacz poradnik

 .timer {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
    background-color: rgb(160, 8, 38);
    padding: 10px 0;
}

div[data-days] {
    margin: 0 5px;
}
div[data-hours] {
    margin-left: 5px;
}

 const timer = timezz('.timer', {
    date: new Date('2023-12-30 19:51'),
  });
  
//Hide top bar when timer stop
timer.update = function(event) {
    const timerBar = document.querySelector('.timer')
    const currentDate = new Date()
    const setDate = timer.date

    if (currentDate > setDate) {
        timerBar.style.display = 'none'
    }
}

 <div class="timer">
    {l s='Promotion awailable for all products from ART category for' d='Shop.Theme.Global'}<div data-days></div> days <div data-hours></div>:<div data-minutes></div>:<div data-seconds></div>
</div>

https://github.com/BrooonS/timezz