Tagged: the events calendar
-
AuthorPosts
-
March 10, 2015 at 9:29 pm #409106
Hello,
I am using woocommerce and Modern Tribes The Event Calendar: WooCommerce Tickets to sell tickets for upcoming classes. When the event is viewed under the Enfold Theme, the tickets are stuck in the left sidebar making it so they cannot be seen. Can these be shifted to the bottom of the page?
- This topic was modified 9 years, 8 months ago by paquetter.
March 11, 2015 at 9:34 am #409720Hi Roland!
I’m not exactly sure what you mean, is it the Ticket field a bit down on a page like this? http://medtraining.staging.wpengine.com/event/wilderness-first-aid-uams/ (hosted on WPengine)
If yes, I’m guessing the problem is the fourth column where the text is somewhat hidden? If no, please provide us with a screenshot and/or a more detailed description of the problem.
Best regards,
RikardMarch 11, 2015 at 3:55 pm #409906Rikard,
The tickets on the single event pages was displaying below the map and event information on the left sidebar as seen in
(hosted on WPengine) alt="Single event page with tickets displaying on left sidebar below the event data" />
I was able to find a snippet to move the tickets below the class description which you saw last night when you checked the staged site using the the bit of code below, but the page is still not displaying the entire ticket information as it did prior to loading the enfold theme. As you saw the 4th column is cutoff. I am trying to find a way to move the entire left sidebar (map, event date, time etc) below the description. I was thinking that this elimination of the side bar would allow the tickets to fully display across the full screen.
I have removed the snippet bringing the theme back to its original content so you can see the original placement: http://medtraining.staging.wpengine.com/event/wilderness-first-aid-uams/
I am open for any suggestions on how to make this work properly. I love the theme, just can’t get the single event pages to work properly.
`remove_action( ‘tribe_events_single_event_after_the_meta’, array( TribeWooTickets::get_instance(), ‘front_end_tickets_form’), 5 );
add_action( ‘tribe_events_single_event_after_the_content’, array( TribeWooTickets::get_instance(), ‘front_end_tickets_form’), 5 );- This reply was modified 9 years, 8 months ago by paquetter.
March 12, 2015 at 6:34 am #410315Hey!
Edit the config-events-calendar > views > single-event.php, look for this code:
<div class='av-single-event-meta-bar'> <div class='av-single-event-meta-bar-inner'> <!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php /** * The tribe_events_single_event_meta() function has been deprecated and has been * left in place only to help customers with existing meta factory customizations * to transition: if you are one of those users, please review the new meta templates * and make the switch! */ if ( ! apply_filters( 'tribe_events_single_event_meta_legacy_mode', false ) ) tribe_get_template_part( 'modules/meta' ); else echo tribe_events_single_event_meta() ?> <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?> </div> </div>
Move it below line 51:
<?php if( get_post_type() == TribeEvents::POSTTYPE && tribe_get_option( 'showComments', false ) ) comments_template() ?>
Add this to the Quick CSS field:
.av-single-event-content { width: 100%; margin-left: 0; }
Cheers!
IsmaelMarch 12, 2015 at 3:59 pm #410514You’re incredible Ismael! It works perfectly. Any idea why this isn’t the standard code?
March 13, 2015 at 6:32 am #410852Hi!
Glad we could help. I think this might be a special instance in need of some special code :)
Best regards,
RikardOctober 28, 2016 at 10:18 pm #705435I have exactly the same situation, but it looks like the code has changed since then and thus I can’t do exactly as described here … Could someone please update the process as of today? Thank you!
October 29, 2016 at 8:27 am #705490This is the current code of the current single-event.php file for reference. As you can see, it’s changed a bit so I don’t know how to modify it now as to get the result desired mentioned above…
<?php /** * Single Event Template * A single event. This displays the event title, description, meta, and * optionally, the Google map for the event. * * Override this template in your own theme by creating a file at [your-theme]/tribe-events/single-event.php * * @package TribeEventsCalendar * @version 4.3 * */ if ( ! defined( 'ABSPATH' ) ) { die( '-1' ); } $events_label_singular = tribe_get_event_label_singular(); $events_label_plural = tribe_get_event_label_plural(); $event_id = get_the_ID(); ?> <div id="tribe-events-content" class="tribe-events-single"> <p class="tribe-events-back"> <a href="<?php echo esc_url( tribe_get_events_link() ); ?>"> <?php printf( '« ' . esc_html_x( 'All %s', '%s Events plural label', 'the-events-calendar' ), $events_label_plural ); ?></a> </p> <!-- Notices --> <?php tribe_the_notices() ?> <?php the_title( '<h1 class="tribe-events-single-event-title">', '</h1>' ); ?> <div class="tribe-events-schedule tribe-clearfix"> <?php echo tribe_events_event_schedule_details( $event_id, '<h2>', '</h2>' ); ?> <?php if ( tribe_get_cost() ) : ?> <span class="tribe-events-cost"><?php echo tribe_get_cost( null, true ) ?></span> <?php endif; ?> </div> <!-- Event header --> <div id="tribe-events-header" <?php tribe_events_the_header_attributes() ?>> <!-- Navigation --> <h3 class="tribe-events-visuallyhidden"><?php printf( esc_html__( '%s Navigation', 'the-events-calendar' ), $events_label_singular ); ?></h3> <ul class="tribe-events-sub-nav"> <li class="tribe-events-nav-previous"><?php tribe_the_prev_event_link( '<span>«</span> %title%' ) ?></li> <li class="tribe-events-nav-next"><?php tribe_the_next_event_link( '%title% <span>»</span>' ) ?></li> </ul> <!-- .tribe-events-sub-nav --> </div> <!-- #tribe-events-header --> <?php while ( have_posts() ) : the_post(); ?> <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <!-- Event featured image, but exclude link --> <?php echo tribe_event_featured_image( $event_id, 'full', false ); ?> <!-- Event content --> <?php do_action( 'tribe_events_single_event_before_the_content' ) ?> <div class="tribe-events-single-event-description tribe-events-content"> <?php the_content(); ?> </div> <!-- .tribe-events-single-event-description --> <?php do_action( 'tribe_events_single_event_after_the_content' ) ?> <!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php tribe_get_template_part( 'modules/meta' ); ?> <?php do_action( 'tribe_events_single_event_after_the_meta' ) ?> </div> <!-- #post-x --> <?php if ( get_post_type() == Tribe__Events__Main::POSTTYPE && tribe_get_option( 'showComments', false ) ) comments_template() ?> <?php endwhile; ?> <!-- Event footer --> <div id="tribe-events-footer"> <!-- Navigation --> <h3 class="tribe-events-visuallyhidden"><?php printf( esc_html__( '%s Navigation', 'the-events-calendar' ), $events_label_singular ); ?></h3> <ul class="tribe-events-sub-nav"> <li class="tribe-events-nav-previous"><?php tribe_the_prev_event_link( '<span>«</span> %title%' ) ?></li> <li class="tribe-events-nav-next"><?php tribe_the_next_event_link( '%title% <span>»</span>' ) ?></li> </ul> <!-- .tribe-events-sub-nav --> </div> <!-- #tribe-events-footer --> </div><!-- #tribe-events-content -->
November 3, 2016 at 3:01 am #707471Hi,
Please move this block of code instead.
<!-- Event meta --> <?php do_action( 'tribe_events_single_event_before_the_meta' ) ?> <?php tribe_get_template_part( 'modules/meta' ); ?>
Best regards,
IsmaelDecember 18, 2017 at 10:02 pm #890264As of today, a year after this solution was posted, it seems the event code hasn’t changed but I can’t get the ticket info to display below the Title, Description and Content. I’m using Enfold 4.2 and the event calender version is 4.6.3. Perhaps enfold is different now and the solution would be just a bit different . Hopefully someone might be able to see what needs to be done so I can display the ticket information below the content rather than in the sidebar that is being created.
Here’s the code for reference again.Thanks!
<?php
/**
* Single Event Template
* A single event. This displays the event title, description, meta, and
* optionally, the Google map for the event.
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/single-event.php
*
* @package TribeEventsCalendar
* @version 4.6.3
*
*/if ( ! defined( ‘ABSPATH’ ) ) {
die( ‘-1’ );
}$events_label_singular = tribe_get_event_label_singular();
$events_label_plural = tribe_get_event_label_plural();$event_id = get_the_ID();
?>
<div id=”tribe-events-content” class=”tribe-events-single”>
<p class=”tribe-events-back”>
“> <?php printf( ‘« ‘ . esc_html_x( ‘All %s’, ‘%s Events plural label’, ‘the-events-calendar’ ), $events_label_plural ); ?><!– Notices –>
<?php tribe_the_notices() ?><?php the_title( ‘<h1 class=”tribe-events-single-event-title”>’, ‘</h1>’ ); ?>
<div class=”tribe-events-schedule tribe-clearfix”>
<?php echo tribe_events_event_schedule_details( $event_id, ‘<h2>’, ‘</h2>’ ); ?>
<?php if ( tribe_get_cost() ) : ?>
<span class=”tribe-events-cost”><?php echo tribe_get_cost( null, true ) ?></span>
<?php endif; ?>
</div><!– Event header –>
<div id=”tribe-events-header” <?php tribe_events_the_header_attributes() ?>>
<!– Navigation –>
<h3 class=”tribe-events-visuallyhidden”><?php printf( esc_html__( ‘%s Navigation’, ‘the-events-calendar’ ), $events_label_singular ); ?></h3>
<ul class=”tribe-events-sub-nav”>
<li class=”tribe-events-nav-previous”><?php tribe_the_prev_event_link( ‘<span>«</span> %title%’ ) ?>
<li class=”tribe-events-nav-next”><?php tribe_the_next_event_link( ‘%title% <span>»</span>’ ) ?><!– .tribe-events-sub-nav –>
</div>
<!– #tribe-events-header –><?php while ( have_posts() ) : the_post(); ?>
<div id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<!– Event featured image, but exclude link –>
<?php echo tribe_event_featured_image( $event_id, ‘full’, false ); ?><!– Event content –>
<?php do_action( ‘tribe_events_single_event_before_the_content’ ) ?>
<div class=”tribe-events-single-event-description tribe-events-content”>
<?php the_content(); ?>
</div>
<!– .tribe-events-single-event-description –>
<?php do_action( ‘tribe_events_single_event_after_the_content’ ) ?><!– Event meta –>
<?php do_action( ‘tribe_events_single_event_before_the_meta’ ) ?>
<?php tribe_get_template_part( ‘modules/meta’ ); ?>
<?php do_action( ‘tribe_events_single_event_after_the_meta’ ) ?></div> <!– #post-x –>
<?php if ( get_post_type() == Tribe__Events__Main::POSTTYPE && tribe_get_option( ‘showComments’, false ) ) comments_template() ?><?php endwhile; ?>
<!– Event footer –>
<div id=”tribe-events-footer”>
<!– Navigation –>
<h3 class=”tribe-events-visuallyhidden”><?php printf( esc_html__( ‘%s Navigation’, ‘the-events-calendar’ ), $events_label_singular ); ?></h3>
<ul class=”tribe-events-sub-nav”>
<li class=”tribe-events-nav-previous”><?php tribe_the_prev_event_link( ‘<span>«</span> %title%’ ) ?>
<li class=”tribe-events-nav-next”><?php tribe_the_next_event_link( ‘%title% <span>»</span>’ ) ?><!– .tribe-events-sub-nav –>
</div>
<!– #tribe-events-footer –></div><!– #tribe-events-content –>
December 19, 2017 at 3:06 am #890319Hi,
You need to look for these codes.
<?php do_action( ‘tribe_events_single_event_before_the_meta’ ) ?> <?php tribe_get_template_part( ‘modules/meta’ ); ?>
Move it below the following line.
<?php if ( get_post_type() == Tribe__Events__Main::POSTTYPE && tribe_get_option( ‘showComments’, false ) ) comments_template() ?>
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.