{"id":1962976,"date":"2024-09-24T13:25:50","date_gmt":"2024-09-24T17:25:50","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1962976"},"modified":"2024-09-24T13:25:51","modified_gmt":"2024-09-24T17:25:51","slug":"adjusting-the-eventbrite-ticket-form-on-your-events","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/adjusting-the-eventbrite-ticket-form-on-your-events\/","title":{"rendered":"Adjusting the Eventbrite Ticket Form on your events"},"content":{"rendered":"\n

When associating Eventbrite tickets to your events, you might get into a situation where the ticket form is too short to make the fields visible on your events.<\/p>\n\n\n\n

In this article, we will explore how to adjust the ticket form with a code snippet to make it taller than the default height.<\/p>\n\n\n\n

The snippet<\/h2>\n\n\n\n

You can use the following code snippet, and adjust the $intended_height variable (if needed) to make your Eventbrite ticket fields fit to the form container in order to make the ticket fields visible on your events.<\/p>\n\n\n

\nadd_filter ( 'tribe_events_eventbrite_iframe_height', function ( $iframe_height, $post_id, $event, $num_visible_tickets ) {\n   $intended_height = 400 + 160 * $num_visible_tickets;\n   if ( $iframe_height < $intended_height ) {\n      $iframe_height = $intended_height;\n   }   \n   return $iframe_height;\n}, 100, 4 );\n<\/pre><\/div>\n\n\n
Add the code snippet to the functions.php<\/em> file of your theme, or use your preferred method for integrating snippets into your WordPress site, such as the free Code Snippets<\/a> plugin.<\/p>\n\n\n\n
For Developers<\/h2>\n\n\n\n