Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
","author":{"@type":"Person","name":"Vision B.","url":"/user/894a7a98-e959-459c-bd09-21627faf50d7"},"datePublished":"2025-06-12T17:05:58.75214+00:00","dateModified":"2025-06-12T17:06:00.391547+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"I have accomplished the following. This is my solution. You just need to set the CMS variables to differentiate the data.","author":{"@type":"Person","name":"Vision B.","url":"/user/894a7a98-e959-459c-bd09-21627faf50d7"},"datePublished":"2025-06-12T17:06:26.315414+00:00","dateModified":"2025-06-12T17:06:28.088701+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}},{"@type":"Comment","text":"","author":{"@type":"Person","name":"Vision B.","url":"/user/894a7a98-e959-459c-bd09-21627faf50d7"},"datePublished":"2025-06-12T17:06:30.992833+00:00","dateModified":"2025-06-12T17:06:32.756068+00:00","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0}}]}
Issues
Issues

Limitations of Relume Event Item Header 3 on Multiple Items

Avatar of Vision B.Vision B.
路

I am using Relume Event Item Header 3. I cannot expand to work on two items on the same page. Currently, Relume Event supports only one item per page.

4 comments

  • Avatar of Vision B.
    Vision B.
    路

    Event Item Header 3

  • Avatar of Vision B.
    Vision B.
    路

    <script> (function () { const second = 1000, minute = second * 60, hour = minute * 60, day = hour * 24; // Set the target date and time for the countdown (format: "MM/DD/YYYY HH:mm:ss") const targetDateString = "06/16/2024 09:54:00"; const targetDate = new Date(targetDateString).getTime(); const updateCountdown = () => { const now = new Date().getTime(), // Get the current date and time distance = targetDate - now; // Calculate the time remaining until the target date // Update the HTML elements with the remaining time document.getElementById('days').innerText = Math.floor(distance / day); document.getElementById('hours').innerText = Math.floor((distance % day) / hour); document.getElementById('minutes').innerText = Math.floor((distance % hour) / minute); document.getElementById('seconds').innerText = Math.floor((distance % minute) / second); // Check if the target date has already passed if (distance < 0) { clearInterval(interval); // Stop the countdown timer document.getElementById('days').innerText = '0'; document.getElementById('hours').innerText = '0'; document.getElementById('minutes').innerText = '0'; document.getElementById('seconds').innerText = '0'; // You can display an element at the end of the countdown with this ID document.getElementById('message').style.display = 'block'; } }; // Initial call to update countdown updateCountdown(); // Update the countdown every second const interval = setInterval(updateCountdown, 1000); })(); </script>

  • Avatar of Vision B.
    Vision B.
    路

    I have accomplished the following. This is my solution. You just need to set the CMS variables to differentiate the data.

  • Avatar of Vision B.
    Vision B.
    路