Embed Reference

Collection — Script

Permanent Timepath integration fixture for compatibility testing.

Production supportedThe Timepath renderer mounts the experience into your own DOM.

iFrameScript

Live example

Loading https://collection-script.timepath.co/timepath-collection.umd.js…

Embed code

This is the code behind the example above, with this fixture's ID already in it.

Container and loader

<div
  class="tp-collection"
  data-timepath-collection-id="bv2IiaqweEsZLKNg5c2h"
></div>

<script>
(function () {
  var SRC = "https://collection-script.timepath.co/timepath-collection.umd.js";

  function mount() {
    if (window.TimepathCollection && typeof window.TimepathCollection.mountAll === "function") {
      window.TimepathCollection.mountAll({
        apiBase: "https://embed.timepath.co",
      });
    }
  }

  if (window.TimepathCollection) {
    mount();
    return;
  }

  if (document.querySelector('script[src="' + SRC + '"]')) {
    var tries = 0;
    var t = setInterval(function () {
      tries++;
      if (window.TimepathCollection) {
        clearInterval(t);
        mount();
      }
      if (tries > 50) clearInterval(t);
    }, 50);
    return;
  }

  var s = document.createElement("script");
  s.src = SRC;
  s.onload = mount;
  document.head.appendChild(s);
})();
</script>

The bundle appends its own stylesheet, derived from the script URL — do not add a <link> tag for it.

Optional attributes on the container: data-timepath-darkmode. The bundle installs window.TimepathCollection with mount, unmount, update and mountAll, so a single-page application can tear an embed down again.

Fixture

Fixture: Integration Fixture — Collection
Workspace: Timepath Integration Fixtures
Purpose: Compatibility and CMS integration testing
Stability: Permanent reference fixture
Timepath content ID: bv2IiaqweEsZLKNg5c2h
Bundle: https://collection-script.timepath.co/timepath-collection.umd.js

This is a permanent Timepath integration fixture maintained for compatibility testing. The page URL and the Timepath fixture ID are intended to remain stable.

Expected behaviour

The experience renders without a login — these pages are public and anonymous.
Width fills the container. The layout is fluid; set the width on your own wrapper.
Media and images load from Timepath's CDN, including on a phone viewport.
Height is whatever the content needs — the renderer is in your DOM, so there is no frame to resize and no height to guess.
Selecting an item opens its target in a new browsing context.

Collection — Script

Live example

Embed code

Fixture

Expected behaviour

Subscribe for updates