View from Seat

In the following article, links will be referenced as originating from system.spektrix.com. If you have implemented a custom domain for your Integration, please replace system.spektrix.com with your chosen subdomain.

Our ‘View from a Seat’ feature allows images to be attached to reserved seating plans, giving users an indication of what their view of the stage would be like from different areas of the auditorium.

The feature works by placing small thumbnails over the top of the seating plan, which the customer can then click on to expand.

We recommend using between three and ten images, depending on the complexity of the auditorium. Images are linked to certain seats, and are centred on these, but due to the size of the image, this may overlap certain other seats as well. Choosing the correct seats to have images linked to them is important.

Uploading the Images

Images are uploaded by the venue by adding a "View From Seat" overlay onto a seating plan in the Admin interface.

Adding the Code

Any page containing an iframe to any non-secure Spektrix page (i.e. one that is located at
https://system.spektrix.com/clientname/website/…) should contain the following content in the <HEAD> section of the html:

<script
	language="javascript"
	type="text/javascript"
	src="https://system.spektrix.com/clientname/website/scripts/viewfromseats.js"
></script>

Next, a javascript function needs to be defined to receive notifications from the Spektrix view from seat functionality. This function will be called when a seat image thumbnail is clicked by the user and it should perform the actions required to show a popup or other UI to view the full view from seat image.

The function should be defined as follows:

<script language="javascript" type="text/javascript">
	function spekShowViewFromSeat(url, tooltip) {
		// your code here
	}
</script>

where ‘url’ is the full url to the image to be displayed and ‘tooltip’ contains the text from the tooltip on the Spektrix seating plan (this contains useful information such as the seat name and any custom information that has been attached to the seat).

Finally, go into the Spektrix WebAdmin interface, and under ‘Website Javascript Options’, ensure there is a blank webpage listed (see IFRAME resizing, above, for more information), and check the box called ‘Enable view from seats mode’.

Note that as the info on seats is coming from the 'tooltip', the seat name does not appear for Sold or Unavailable seats.

Uploading the Images​

Adding the Code​

Uploading the Images

Adding the Code