Event page questions

Joe Landsman:

>

Hi joe, thanks for the code. Where do we place this code? I tried placing it in the HTML window of the event information but that didn't work. 

 

thanks!

 

Monica

Joseph Jagassar:

This code snippet is pretty awesome!

I have just one questions.  I'm using it and for some reason when hiding the "Availible" and "Order Limit" columns it leaves the columns in the last row.

I tried to fix it but this jquery trickery is beyond me.

Any help would be much appreciated!

Hi Joseph,

 

Since this element seems to be working for you, could you possibly help me figure out how to put it to use?

 

Where do I place this code? I'm trying to both remove the ticket icon and the event duration/limits. 

 

It's unclear to me where to place the code.

 

thank you for your help!

 

Monica

Joseph Jagassar:

The code didn't work as writen but I updated it and it seems to be working great on our site. Here is the actual code you'll need to include:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<!-- If this is the 'details' page of the calendar application (application ID == 2) -->
[[?xx[[S4]]xx[[S334:view]]xx::xx2xxDetailxx::
        <!-- Hide "admit one" ticket image (jquery solution) -->
        <script type="text/javascript">
        jQuery(document).ready(function() { jQuery("img[src*='ticket-2.gif']").parent().parent().hide() });
        </script>
::]]

<!-- If this is the ticketing application (application ID == 25) -->
[[?xx[[S4]]xx::xx25xx::
        <script type="text/javascript">
$(document).ready(function() {
    $("table.lc_Table:eq(0) tr:eq(0) th").each(function(ind,ele) {
        if( $.trim($(this).text()).match(/(Available|Order Limit)/gi) )
        {
          $("table.lc_Table:eq(0) tr th:nth-child("+(ind+1)+"), table.lc_Table:eq(0) tr td:nth-child("+(ind+1)+")").hide();
        }
    });
});
        </script>
::]]

 

You need to add this to your page wrapper.

This can be found under Setup -> Page Wrapper Editor

Click on Manage Versions of what ever is your default page wrapper.

Then click Copy on the the Active version

Give it a new name (i.e. Version 3 or Version with hidden events)

Then under the Meta Tags step (step 2) add that code to the "Additional HTML Tags for HEAD Element" area.

When done publish the wrapper (last step, step 6)

 

thanks so much, Joseph. looks like I don't have permission to edit the wrapper that's where I was getting stuck. 

 

I have a support ticket to add that option to my admin permissions. 

 

thanks for the quick reply!

Veronica Brown:

I'm trying to remove the "admit one" image from our event page and want to preface this by saying that I have very little knowlege of HTML. I tried following the steps outlined below where I add the code provided into our pagewrapper and that didn't work. Luckily I made the change to the copy of the wrapper and not the active version. So, I'm back at step one trying to get that image off. Is there someone at Convio who can make this fix for me? 

 

Also, we already have an event description page on our website for this particulary Event that I've created so the event description page seems like an extra step for our visitors to click through in order to get to the ticket purchasing page. Is there any way to bypass the event discription part and just take visitors directly to the ticketing page? 

Note that as of the Q1 2013 release, if you enable the "Modern" registration layout for your Event, the "Admit One" icon will no longer be visible. No JavaScript or CSS required.  

Joseph Jagassar:

The code didn't work as writen but I updated it and it seems to be working great on our site. Here is the actual code you'll need to include:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<!-- If this is the 'details' page of the calendar application (application ID == 2) -->
[[?xx[[S4]]xx[[S334:view]]xx::xx2xxDetailxx::
        <!-- Hide "admit one" ticket image (jquery solution) -->
        <script type="text/javascript">
        jQuery(document).ready(function() { jQuery("img[src*='ticket-2.gif']").parent().parent().hide() });
        </script>
::]]

<!-- If this is the ticketing application (application ID == 25) -->
[[?xx[[S4]]xx::xx25xx::
        <script type="text/javascript">
$(document).ready(function() {
    $("table.lc_Table:eq(0) tr:eq(0) th").each(function(ind,ele) {
        if( $.trim($(this).text()).match(/(Available|Order Limit)/gi) )
        {
          $("table.lc_Table:eq(0) tr th:nth-child("+(ind+1)+"), table.lc_Table:eq(0) tr td:nth-child("+(ind+1)+")").hide();
        }
    });
});
        </script>
::]]

 

You need to add this to your page wrapper.

This can be found under Setup -> Page Wrapper Editor

Click on Manage Versions of what ever is your default page wrapper.

Then click Copy on the the Active version

Give it a new name (i.e. Version 3 or Version with hidden events)

Then under the Meta Tags step (step 2) add that code to the "Additional HTML Tags for HEAD Element" area.

When done publish the wrapper (last step, step 6)

 

Hi there,

 

I know this thread is pretty old, but I was wondering if anyone is still able to help now. I am setting up an event and want to hide the "Available" and "Limit" columns as well, but I am using the "Modern" style for the page. It looks like this code only works for those in "Classic" mode. Is it possible to remove these columns? Any help would be greatly appreciated!

I was able to do this on my site by creating a reusable page in PageBuilder that I then inserted in the HTML of the 4. Edit Ticket Information step of my event. You would have to add this reuasable page to each event you create. 

This is what the  reusable page code looks like when inserted in the Ticket Information of the event, where "reus_event_page" would be the name of your page:


<convio:session name="51" param="reus_event_page"></convio:session>

This is the CSS code that you need to put on the reusable page:


<style type="text/css"><!--


#lo-ticketClassesContainer th:nth-child(4),

#lo-ticketClassesContainer td:nth-child(4) {display:none}


#lo-ticketClassesContainer th:nth-child(3),

#lo-ticketClassesContainer td:nth-child(3) {display:none}


td.lo-Event_lc_Cell_border_top {display:none}


#lo-EventAvailableTitle {display: none;}


--></style>