Skip to content

Instantly share code, notes, and snippets.

@cliffordp
Last active March 14, 2017 21:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cliffordp/cbce6b3b8eae3dba89faf4d83f596582 to your computer and use it in GitHub Desktop.
Save cliffordp/cbce6b3b8eae3dba89faf4d83f596582 to your computer and use it in GitHub Desktop.
make entire tooltip clickable to event's permalink - place file at [your-theme]/tribe-events/month/tooltip.php
<?php
/**
* Please see single-event.php in this directory for detailed instructions on how to use and modify these templates.
*
* Override this template in your own theme by creating a file at:
*
* [your-theme]/tribe-events/month/tooltip.php
*
* 2017-03-14 for https://theeventscalendar.com/support/forums/topic/how-to-make-featured-image-in-tooltip-clickable/
* from https://gist.github.com/cliffordp/cbce6b3b8eae3dba89faf4d83f596582
* Note: valid HTML 5 but not HTML 4. See http://stackoverflow.com/a/1828032/893907 for details.
*
* @version 4.4
*/
?>
<script type="text/html" id="tribe_tmpl_tooltip">
<a class="tribe_tmpl_tooltip-custom-link" href="[[=permalink]]">
<div id="tribe-events-tooltip-[[=eventId]]" class="tribe-events-tooltip">
<h4 class="entry-title summary">[[=raw title]]</h4>
<div class="tribe-events-event-body">
<div class="tribe-event-duration">
<abbr class="tribe-events-abbr tribe-event-date-start">[[=dateDisplay]] </abbr>
</div>
[[ if(imageTooltipSrc.length) { ]]
<div class="tribe-events-event-thumb">
<img src="[[=imageTooltipSrc]]" alt="[[=title]]" />
</div>
[[ } ]]
[[ if(excerpt.length) { ]]
<div class="tribe-event-description">[[=raw excerpt]]</div>
[[ } ]]
<span class="tribe-events-arrow"></span>
</div>
</div>
</a>
</script>
<script type="text/html" id="tribe_tmpl_tooltip_featured">
<a class="tribe_tmpl_tooltip_featured-custom-link" href="[[=permalink]]">
<div id="tribe-events-tooltip-[[=eventId]]" class="tribe-events-tooltip tribe-event-featured">
[[ if(imageTooltipSrc.length) { ]]
<div class="tribe-events-event-thumb">
<img src="[[=imageTooltipSrc]]" alt="[[=title]]" />
</div>
[[ } ]]
<h4 class="entry-title summary">[[=raw title]]</h4>
<div class="tribe-events-event-body">
<div class="tribe-event-duration">
<abbr class="tribe-events-abbr tribe-event-date-start">[[=dateDisplay]] </abbr>
</div>
[[ if(excerpt.length) { ]]
<div class="tribe-event-description">[[=raw excerpt]]</div>
[[ } ]]
<span class="tribe-events-arrow"></span>
</div>
</div>
</a>
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment