|
Ronald Small
|
March 10, 2015 at 8:20 am
I am trying to setup special group pricing on a different page. So basically, I am setting up a student discount ticket, but I want it to be listed on a different page than the main ticket page as well I don’t want the ticket to show on the normal main ticket page. Is there a short code that would pull, just a ticket type to a separate page, or a way to make 2 separate events pull from the same ticket pool?
|
|
Lorenzo Orlando Caum
|
March 10, 2015 at 12:01 pm
Hi Ronald, that can be done with some CSS.
First, you’ll need to find the event ID of the event that you would like to hide. The easiest method is to browse to the single event page for a specific event. The number at the end of the URL is the event ID.
The other option is to inspect an event listing on the event listings page. Here is an example:
http://cl.ly/image/1i0J0G3z383F
It has a CSS ID of event_data-2628. We can then attach that to display none. Here is that example expanded:
#event_data-2628 {display:none;}
If we were to add that to our child theme’s stylesheet or a plugin like My Custom CSS or Reaktiv CSS Builder, then it would hide that event site-wide so we need to make it more specific.
Our events listing page has some body classes.
One of them is the page ID. This is similar to the event ID in that is is a number. Here is a screenshot from inspecting the events listing page:
http://cl.ly/image/1t3q1E2l453S
We see the number 4 for the page ID. The page ID also appears when viewing this page in the page editor in the WP dashboard (at the end of the URL).
Now we can update our CSS:
.page-id-4 #event_data-2628 {display:none;}
Here is another example.
Lets say your events listing page had an ID of 7 and your event ID was 890. You could use this CSS to hide it from your events listing page:
.page-id-7 #event_data-890 {display:none;}
—
Lorenzo
|
|
Ronald Small
|
March 10, 2015 at 1:46 pm
Ok I am getting closer, but I am stuck. Here is the url: https://gullah.tv/events/circle-unbroken-at-the-sottile-theatre/
I have added
.post-id-706 .ee-ticket-group-tickets-cofc {display:none;}
.post-id-706 tr .ee-ticket-group-tickets-cofc {display:none;}
which does not work,
however, this code does, but it is site wide so it does not show on the other page.
.ee-ticket-group-tickets-cofc {display:none;}
tr .ee-ticket-group-tickets-cofc {display:none;}
|
|
Lorenzo Orlando Caum
|
March 10, 2015 at 2:09 pm
Hi,
That site is on Event Espresso 4 so the CSS would be different.
What on that page are you specifically trying to hide?
—
Lorenzo
|
|
Ronald Small
|
March 10, 2015 at 2:11 pm
The cofc tickets and I want to show them on this page.
http://gullah.tv/cofc/
|
|
Ronald Small
|
March 10, 2015 at 2:14 pm
I just unhid them so you could see.
|
|
Lorenzo Orlando Caum
|
March 10, 2015 at 3:24 pm
Hi Ronald, I see what it happening. You have some CSS classes that were close and need to be updated. Try this:
.single-espresso_events.postid-706 .ee-ticket-group-tickets-cofc {display:none;}
—
Lorenzo
|
|
Ronald Small
|
March 11, 2015 at 1:55 pm
Thanks for your help Lorenzo. I was able to take care of the problem with the changes you provided.
|
