New Woo brand announcement v2 | Feb 4, 2025

Added by Mahrie - https://woomarketingstudio.wordpress.com/2024/12/20/studio-request-logo-rollout-customer-comms/

Stachethemes Seat Planner

Installation

↑ Back to top
  1. Purchase the product from WooCommerce.com
  2. Download the ZIP file from your WooCommerce.com dashboard
  3. Go to Plugins > Add New > Upload and select the ZIP file you just downloaded
  4. Click Install Now and then Activate.
  5. Read on to learn how to set up and configure the product.

More information at: Install and Activate Plugins/Extensions.

Creating Auditorium Product

↑ Back to top

Once Stachethemes Seat Planner plugin is installed and activated, a new product type “Auditorium” will be available in WooCommerce.

Steps to Create a Seat-Based Product:

Navigate to Dashboard → Products and click “Add New Product”.

Enter the Product Title, Description, and set a Product Image.

In the Product Data section, where you select the product type (e.g., Simple Product, Grouped Product, Variable Product, etc.), you will see a new option: “Auditorium Product”.

Selecting Auditorium Product

Set the product type as “Auditorium Product“.

Click the “Seat Planner” tab, then open the Seat Planner Editor by clicking the “Open Seat Planner” button.

Open Seat Planner

The Seat Planner Builder includes four elements:

Seat Planner Elements
  • Screen – A static element indicating the screen’s position in the room, primarily for orientation.
  • Seat – Represents a selectable seat that customers can choose on the front end.
  • Object – A static, generic element used for various visual representations.
  • Text – A static element for displaying custom text on the front end.

Drag and drop a “Seat” element on the workflow.

Seat Planner Editor

In the “Seat Properties” toolbar, the most important settings are:

  • Label – The text displayed to customers when selecting a seat on the front end.
  • Seat ID – A unique identifier for the seat, stored in the database when a customer makes a purchase. Each seat must have a unique ID.
  • Price – The cost of the seat. Each seat can have a different price.
  • Handicap Seat – A designated seat for accessibility purposes. It helps identify seating options suitable for individuals with disabilities.

The Seat Planner Editor supports the following keyboard shortcuts for faster and more efficient workflow:

  • Ctrl / Cmd + Z – Undo the last action.
  • Ctrl / Cmd + Y – Redo the last undone action.
  • Ctrl / Cmd + A – Select all objects on the canvas.
  • Ctrl / Cmd + I – Invert the current selection.
  • Esc – Deselect all selected objects.
  • G – Toggle the grid visibility.
  • H – Adjust the grid contrast.
  • C – Change the grid color.
  • [ – Decrease the grid size.
  • ] – Increase the grid size.
  • L – Toggle the seat text display in the editor (Label, Price, Seat ID).

Click on the Seat you created and make more copies:

Seat Planner Editor

Select all seats.

Seat Planner Editor

Go to the Seat Properties Toolbar → Label.

To quickly assign numeric labels to each seat (e.g., Seat 1, Seat 2, Seat 3), enter the starting number in the Label input field (e.g., 1) followed by three dots (...).

Example: Seat 1…

This will automatically increment the number for each seat selected.

Seat Planner Editor Label Input

You can also use this method for Seat ID numbers. For example, enter “A1…” to automatically generate sequential Seat IDs (e.g., A1, A2, A3).

Seat Planner Editor Seat Id Input

Set price for your seats by entering the desired amount, for example, 20.

You can toggle the visual display between Seat ID, Label, and Price by pressing L. This has effect only in the editor. On the front-end customers will always see the “Label” value.

Set the seats Background Color and Text Color to your preference.

Color picker

Drag a “Screen” element to the Workflow:

Optionally, designate some seats as “Handicap Seats” and change their background color to make them stand out.

Seat Planner Editor

In the top right corner, click the Cogwheel Icon to open the Workflow Settings and change the background color.

Seat Planner Editor Workflow Settings

Once you are done, click the Left Arrow button in the top left corner of the builder to return to your product page.

Click “Publish“.

That’s it! You now have a seat-based product set up.

Questions and Support

↑ Back to top

Something missing from this documentation? Do you still have questions and need assistance?

  • Have a question about a specific extension or theme you’d like to purchase? Click here.
  • Already purchased and need some assistance? Get in touch with a Happiness Engineer via the WooCommerce.com Support page and choose this extension name from the “I need help with” dropdown.