Events Slider

Sometimes you may want to promote events that go beyond your regular movies and showtimes, such as special performances, community events, private screenings, or other activities. Your Theater Toolkit website can include a dedicated Events section that allows you to create and promote these events using Content Items in the CMS Portal.

Events can include images, descriptions, dates, locations, and other important details, can be limited to specific locations, and scheduled to appear on your website when needed.

This article walks you through the process of creating a new event and adding it to the Events slider on your website.

1. Log into the Portal: Navigate to https://portal.theatertoolkit.com/.

2. Access CMS:

   • Expand the CMS section in the navigation.
   • Select Content Items.
     
     

3. Select Event Slider:

   • Choose Event Slider from the available options.
     
     

4. Add a New Event:

   • Click the + Icon to create a new event.
     
     

5. Fill in the Event Form:

   • Name: Enter the Title of the event.
   • Sort Order: Determine the display order of events.
   • Title: Enter any Important Information (such as the date and time of the event) to be displayed.
   • Desktop Image: This image will be displayed on the individual event page. We recommend an image that is 1920 x 750 in size.
   • Mobile Image: This image will be used on the slider for the events. We recommend a poster that is 500x750 in size. If no mobile poster is added the system will default to the Desktop Image cropped to poster size.
   • Content: Provide the details that will be displayed on the individual event page.
   • Date Range:
     • Begin Date: Choose when the event should be shown on the website.
     • End Date: Set when the event will be hidden from the website.
   • Locations: Select the location(s) where this event will be taking place.

6. Save the Event: After filling in all necessary information, click Add to save the event.
   

   

Here is an example of what the slider will look like on the event Page:

Here is an example of what the individual event page will look like: