[Mike]

This is why I suggested the Advanced Post Manager plugin (created by Matt of Modern Tribe), which already provides this functionality for the Admin Events page. It apparently works for any custom post type, so I imagine it could be utilized for Attendee Views as well.

[Mike]

That works, thanks!

For any future code modifiers, here is the proper code to display a modified start/end date on the Monthly view calendar:

<?php echo tribe_get_start_date( null, true, 'D, M j, g:i' ); ?>-<?php echo tribe_get_end_time( null, 'g:i' ); ?>

Use this reference to modify the date format as needed:
http://www.w3schools.com/php/func_date_date_format.asp

[Mike]

So exactly which CSS files does this code replace?

/**
  * Replace Tribe CSS Files
  */
 
function replace_tribe_events_calendar_stylesheet() {
   $styleUrl = get_bloginfo('template_url') . '/tribe-events/custom-events-stylesheet.css';
   return $styleUrl;
}
add_filter('tribe_events_stylesheet_url', 'replace_tribe_events_calendar_stylesheet');
 
function replace_tribe_events_calendar_pro_stylesheet() {
   $styleUrl = get_bloginfo('template_url') . '/tribe-events/custom-events-pro-stylesheet.css';
   return $styleUrl;
}
add_filter('tribe_events_pro_stylesheet_url', 'replace_tribe_events_calendar_pro_stylesheet');

I need to know exactly which CSS files are replaceable, and which files are not. Even in the Themer’s Guide, it does not list the exact files one can and can not replace. So let’s break it down based off the available replacements listed:

tribe_events_stylesheet_url (The Events Calendar core styles)
Which of these CSS files can be replaced with this code?

admin-menu.css
aggregator-fields.css
aggregator-page.css
debugger.css
events-admin.css
tribe-events-embed.css
tribe-events-full.css
tribe-events-full-mobile.css
tribe-events-skeleton.css
tribe-events-skeleton-mobile.css
tribe-events-theme.css
tribe-events-theme-mobile.css

tribe_events_pro_stylesheet_url (Events Calendar PRO styles)
Which of these CSS files are replaced with this code?

events-admin.css
events-recurrence.css
tribe-events-mini-ajax.css
tribe-events-pro-full.css
tribe-events-pro-full-mobile.css
tribe-events-pro-skeleton.css
tribe-events-pro-skeleton-mobile.css
tribe-events-pro-theme.css
tribe-events-pro-theme-mobile.css
widget-calendar-full.css
widget-this-week-full.css

tribe_events_pro_widget_calendar_stylesheet_url (The Events Calendar calendar widget styles)
This one confuses me the most. Where does it fit in? Is it just the Pro CSS plugins for?:

widget-calendar-full.css
widget-this-week-full.css

And are you really telling me that I can not replace the CSS for the other plugins? Having seen some of the customization done to TEC within your own showcase, I have a very hard time believing that, as they show obvious modification of those plugins. In fact, here is a snippet from your forums showing how to replace the CSS for the Community plugin:

add_action( 'wp_enqueue_scripts', 'override_community_styles', 100, 0 );
function override_community_styles() {
	//Remove Community Styles
	wp_deregister_style( 'tribe_events-community' );
	wp_dequeue_style( 'tribe_events-community');
	
	//Add your Custom Styles
	wp_register_style( 'custom-community-styles', 'http://www.URLTOYOURCSS.com/styles.css', array(), '1.0', 'screen' );
	wp_enqueue_style( 'custom-community-styles' );

}

And here is a post showing replacement of custom CSS for the Filter Bar:
https://theeventscalendar.com/support/forums/topic/add-custom-filter-view-min-css/

So obviously, it IS possible to replace CSS in plugins not specifically listed in the Themer’s Guide. So beyond my questions listed above, I need to know how to replace the CSS in the Event Tickets and Event Tickets Plug plugins. Is there someone who can assist me with this?

[Mike]

This reply is private.

[Mike]

*NOTE* jsfiddle will not work when viewed with https, so view it in an unsecured link:

jsfiddle.net/michaelpatino/ynjn3vsd/1/

[Mike]

I am quite familiar with the Themer’s Guide, and how to call the various data sets in customized templates. Unfortunately, Start/End Date/Time function does not appear to be working in the Month views. See function call below:

<?php echo tribe_get_start_date( $event_id, true, 'D, M j, g:i' ); ?>-<?php echo tribe_get_end_time( $event_id, 'g:i' ); ?>

These come from the following function lists in your KB:
https://theeventscalendar.com/function/tribe_get_start_date/
https://theeventscalendar.com/function/tribe_get_end_date/

That snippet works in all the other templates EXCEPT for the Monthly view. Is there a reason for this? Is there a month specific code that I should be using? I understand you don’t help with customization, but I am asking for instruction on why your functions are NOT working, which should be a legitimate use of your support channels.

[Mike]

And, on a related note, what is the code for available tickets? Here is the code I am using on the other template pages:

<?php echo tribe_events_count_available_tickets(); ?>

So far, it looks like only event featured image, title, venue, and URL are working. Ironically, custom fields were a snap to add. Is there a reason for this? Is the monthly view handled differently?

The total fields I need to pull:

Start Date
Start Time
End Time
Available Tickets

Thanks!

• This reply was modified 9 years, 5 months ago by Mike.

[Mike]

Confirmed that the provided snippet is non operational.

I installed 2016, deactivated all plugins, added the code the functions.php file. On filling in attendee info and clicking “add to cart”, I am forwarded to the “view cart” page, not “checkout”.

This is with a clean theme, no customization beyond the included snippet.

Activated Plugins:
Advanced Post Manager
Event Tickets
Event Tickets Plus
The Events Calendar
The Events Calendar PRO
The Events Calendar: Filter Bar
WooCommerce

Any ideas?

[Mike]

This partially worked. It expanded the size of the calendar in IE, FF, and Opera:

However, in Chrome, the view is still locked at the smaller width dimensions:

So this leaves me with two questions.

1. How do I increase the width in Chrome?
2. How do I add additional potential columns, so that when a user is viewing the calendars from a larger viewport, it will add columns to accommodate their screen size?

For option two, I recognize I will be editing the template files for the respective views (photo, atm), and I am comfortable doing so. I just need to know which template controls the column display, and what the relevant CSS is for setting responsive break points on the columns.

FYI: My end goal is to utilize the photo view in the map template as well, so once I have the photo view styling completed, I will be copying the entry loop from photo into the map template.

[Mike]

Is there a way to make new columns added to the attendee list searchable via the included attendee search function?

[Mike]

@ Cliff – Yes, it does. I will try testing some more tomorrow, but I was pretty thorough the first time.

@Kymiel – Put it in your Functions.php file inside of your themes folder, which should be a CHILD THEME. You should never alter your core theme (this preserves code snippets like this during theme upgrades). The structure should be something like /*your_server*/public_html/*wordpress_directory*/wp-content/themes/*your_theme*/functions.php

The *entries_like_this* will have your own info. For example, if your server is named server1, your wordpress is installed in your root directory, and your theme is named AwesomeTownTheme, then it should be something like:

/server1/public_html/wp-content/themes/AwesomeTownTheme-child/functions.php

Note: the wordpress directory was omitted, as the sample above was installed in the root directory. Also note that it listed the theme directory as AwesomeTownTheme-child, instead of AwesomeTownTheme.

If you don’t know what a child theme is, read up on that first. It’s easy to setup and will save you ass, trust me. Random Child Theme Tutorial If you don’t like that Tutorial, do a google search. There are tons of them.

[Mike]

The snippet does work, and I do have it active in my sandbox. But it still just side steps the primary issue, which is collecting attendee info too soon in the checkout process, before the purchase has been “finalized”.

As I stated in my other thread https://theeventscalendar.com/support/forums/topic/how-do-i-skip-the-view-cart-phase-to-sidestep-missing-attendee-info-bugs/, a much more graceful patch would be to provide a way to skip the “view cart” phase entirely, this locking in the sale on the “single event page” and taking the customer immediately to the “checkout” phase.

For a permanent fix, I would suggest moving the Attendee Info collection into the “view cart” phase, and thus allowing customers the option of altering cart contents as they wish. However, it would have to be able to SAVE that data, so if the customer were to navigate away from the “view cart” page (they click on something else during the checkout process) and then return, the attendee info they already inputed should be saved and visible, so they don’t have to redo it.

I would even take this one step further, replicating the content from the attendee info underneath their cart items in the checkout phase. Then I would add a button under that info to “edit attendee info” that sends the customer BACK to the “view cart” page to make alterations, allowing a customer that made a mistake to back track and fix it, instead of having to redo the order entirely.

This option allows the most versatility, as a customer could have normal items and tickets in their cart and be able to checkout normally. The potential fix I suggested of skipping the “view cart” phase prohibits customers from being able to alter or remove ANYTHING from their cart once they finish entering in their attendee info on the single event page. Basically, they are locked into that order, and only have the choice of completing the purchase or abandoning the order entirely, which is far from ideal. Customer will make mistakes.

[Mike]

Thanks for the code snippet, but unfortunately it doesn’t work. I’ve tried in base theme 2015 and deactivating all plugins except for:

• Event Tickets
• Event Tickets Extension: Additional Email Options
• Event Tickets Plus
• The Events Calendar
• The Events Calendar PRO
• The Events Calendar: Filter Bar
• WooCommerce

Any ideas?

[Mike]

See attached image:

By default, buttons only appear when you hover over the quantity field, and they are boring and uninspired. I would like to add buttons to either side of the quantity field, that I can style as I see fit, that will control the quantity output.

Furthermore, I have found that the buttons in default literally disappear entirely in several professional themes, although they still appear in the Woocommerce shop pages. This is a lesser concern, as I want to replace them entirely.

So if I do not programatically need to CREATE the buttons, can I least move/style them with CSS?

• This reply was modified 9 years, 5 months ago by Mike.

[Mike]

Note, I am not a support rep, just another TEC user struggling with this flaw in their code.

I am guessing that this MIGHT be the case of users adding tickets in the “view cart/basket” phase, which side steps the collection of Attendee Information. A pseudo fix for this was posted that disables the ability to change quantity while in the “view cart” page, which should prevent your users from submitting tickets without attendee info.

Here is the code (done by Cliff from Modern Tribe support) – See post:

/**
 * Make WooCommerce cart Quantity input field non-editable (readonly) ONLY FOR Event Tickets Plus products
 *
 * By Matt B and Cliff P
 *
 * From https://gist.github.com/cliffordp/66bf05df61ee269c60ff20d6f39e2cab
 */
function cliff_etplus_woo_cart_quantity_readonly() {
    if ( ! class_exists( 'Tribe__Tickets_Plus__Commerce__WooCommerce__Main' ) ) {
        return;
    }
    $args = array(
        'post_type' => 'product',
        'fields' => 'ids',
        'meta_query' => array(
            array(
                'key' => Tribe__Tickets_Plus__Commerce__WooCommerce__Main::get_instance()->event_key,
                'value' => 0,
                'compare' => '>',
            ),
        ),
    );
    $product_ids_readonly = get_posts( $args );
    
    $product_ids_readonly = array_unique( $product_ids_readonly );
    if ( ! count( $product_ids_readonly ) ) {
        return;
    }
    wp_enqueue_script( 'jquery' );
    ?>
    <script>
        jQuery( function( $ ) {
            var product_ids = <?php echo json_encode( $product_ids_readonly ); ?>;
            var $remove_links = $( 'body.woocommerce-cart .woocommerce tr.cart_item td.product-remove a' );
            $remove_links.each( function() {
                var product_id = parseInt( $( this ).data( 'product_id' ), 10 );
                if ( -1 === $.inArray( product_id, product_ids ) ) {
                    return;
                }
                var $row = $( this ).closest( 'tr' );
                $row.find( 'td.product-quantity input' ).attr( 'readonly', true );
            } );
        } );
    </script>
    <?php
}
add_action( 'wp_head', 'cliff_etplus_woo_cart_quantity_readonly' );

This is a temporary PATCH to prevent the user from modifying their cart contents, but doesn’t fix the underlying issue. What it basically boils down to is WHEN Events Calendar is collecting the attendee information. The current position in the order phase is flawed, and it needs to be moved to the “view cart” (ideal) which allows customers to modify their order AND enter in attendee details before sending them to the final “checkout” phase.

Hopefully, this will be fixed soon.

• This reply was modified 9 years, 5 months ago by Mike.

[Author]

Posts