Support

Home Forums Seating Chart Add-on (EE3) Need Seating Chart Add On to display different colored seats

Need Seating Chart Add On to display different colored seats

Posted: September 5, 2014 at 12:23 pm


Eli

September 5, 2014 at 12:23 pm

We have purchased the Seating chart add-on. We need to be able to edit the background color of every seat we offer. The easiest way for us to do this seems to be through the Excel file we create before importing it in using the Seating chart admin section.

We just need the program to recognize a new column created in the Excel file spreadsheet. call it Color. And then we can use hex color code (ie: #ff0000) to define the background color for each seat on the map.

I already submitted a custom request but it’s been almost a week and I have not heard back from anyone on a price. So I’m asking here. How much would it cost to have this functionality added in? It would also be a good idea to include it into the main product as it would help drive more sales.

Please help me resolve this.
Thanks
Tim


Eli

September 5, 2014 at 1:24 pm

Is there anyone from support that can answer this? hello?


Seth Shoultes

  • Support Staff

September 5, 2014 at 10:38 pm

I think you should be able to use your theme’s style sheet to color each of the boxes, rather than adjusting the seating chart code.


Eli

September 6, 2014 at 9:21 pm

Seth, can you do me a favor and ask Event Expresso how much would it cost me to have this customization done? This is what I have been trying to ask for a while now.


Dean

September 8, 2014 at 4:56 am

Hi Timothy,

If you would like to check our availability and cost for customisation work, please fill out this form: https://eventespresso.com/contact/customization-request-form/


Eli

September 8, 2014 at 6:57 am

Dean, did you not see my first post? It said “I already submitted a custom request but it’s been almost a week and I have not heard back from anyone on a price.”

Do I need to submit another one? I mean come one… we’re going on 2 weeks now since I first submitted the custom request? Is there anyone on the EE Support team that can provide me with a quote for the custom work above??


Dean

September 8, 2014 at 7:06 am

My apologies, I must have missed that. I’ll chase up the team that deals with customisation requests.


Josh

  • Support Staff

September 8, 2014 at 10:55 am

Hi Tim,

I’m sorry for the delay on getting back with you on this. I’ve reviewed the customization request and I can let you know that we do not have the availability to work on this at this time.

I can share with you a solution that you might be able to use that involves writing a re-usable stylesheet that makes the seating chart display differently colored seats. Example code follows:

/* color seats in the second row(s) yellow */
.ee_s_available[row="2"] {
   background:yellow;
}
/* color seats in section a violet */
.ee_s_available[section="a"] {
   background:violet;
}
/* color seats in the price range of $10-$19 turquoise */
.ee_s_available[price^="1"] {
   background:turquoise;
}
/* color seats in the price range of $20-$29 fuchsia */
.ee_s_available[price^="2"] {
   background:fuchsia;
}
/* color each individual seat its own unique color */
.ee_s_available[seat_id="1"] {
   background:red;
}
.ee_s_available[seat_id="2"] {
   background:orange;
}
.ee_s_available[seat_id="3"] {
   background:yellow;
}
.ee_s_available[seat_id="4"] {
   background:green;
}
.ee_s_available[seat_id="5"] {
   background:blue;
}
.ee_s_available[seat_id="6"] {
   background:indigo;
}
.ee_s_available[seat_id="7"] {
   background:violet;
}


Seth Shoultes

  • Support Staff

September 8, 2014 at 11:02 am

It should be noted that the above CSS can be added to your WP theme style.css file.


Eli

September 8, 2014 at 1:20 pm

Is there code to style the color for each seat by the “seat” column of the csv file and not the “seat_id”? See my screenshot –> http://prntscr.com/4kybms

Coding by the seat_id would take a lot of time to find the ID of each seat since it looks like you can only get that info by hovering over the “edit” link in the seats and grabbing the ID from the URL.


Josh

  • Support Staff

September 8, 2014 at 1:49 pm

Hi Tim,

Since your example has the row info in the seat attribute, that’s possible too.

This is one example:

.ee_s_available[seat$="Row Q"] {
   background:violet;
}

The above means style all available seats that have a seat attribute that ends with Row Q. With the $= operator, an attribute selector can match elements that have an attribute which contains a value ending with the specified value.

The support post ‘Need Seating Chart Add On to display different colored seats’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso