The Product Schedule widget is a small widget that shows the table with weekly schedule for a product, including when performances are available, on which days of the week, and whether they are matinee or evening performances.

Embedding the widget

To embed the Product Schedule widget:

Create a new HTML page and add the following markup:

<!doctype html>
<html lang="en">
  <head>
    <title>Product Schedule example</title>
  </head>
  <body>
    <div
      data-app="product-schedule-app"
      data-api-path="https://inventory-service.tixuk.io"
      data-channel-id="{your-affiliate-id}"
      data-product-id="{product-id}"
    ></div>

    <script type="text/javascript" src="https://inventory-service.tixuk.io/v5/js/product-schedule.js"></script> 
  </body>
</html>

Supported data attributes

In addition to the standard data attributes used by all widgets, the following data attributes are used to customise the behaviour of the Product Schedule widget.

Name	Mandatory	Type	Description
data-channel-id	Yes	String	The id of the affiliate for which the embedding context (i.e. website) belongs.
data-product-id	Yes	String	Identifier of the product to show the schedule for.
data-start-date	No	String	The starting date from which the product schedule should be displayed. (should be in format YYYYMMDD, e.g. 20210130)