Hi.
Copy this file:
ROOT/modules/mod_community_events/tmpl/default.php
to:
ROOT/templates/your-template/html/mod_community_events (if you don't have "html" or "mod_community_events" folders, feel free to create them)
Edit file and replace this (starting from line 12 up to 38):
<div>
<div class="app-box-content">
<ul class="cThumbDetails cResetList">
<?php foreach ($events as $event) { ?>
<li <?php if (!empty($event->summary)): ?>class="jomNameTips" title="<?php echo CStringHelper::escape($event->summary); ?>" <?php endif; ?>>
<b class="cThumb-Calendar cFloat-L">
<b><?php echo CEventHelper::formatStartDate($event, JText::_('M')); ?></b>
<b><?php echo CEventHelper::formatStartDate($event, JText::_('d')); ?></b>
</b>
<div class="cThumb-Detail">
<a href="<?php echo $event->getLink(); ?>" class="cThumb-Title"><?php echo CStringHelper::escape($event->title); ?></a>
<div class="cThumb-Location">
<?php echo CStringHelper::escape($event->location); ?>
</div>
<div class="cThumb-Members small">
<a href="<?php echo $event->getGuestLink(COMMUNITY_EVENT_STATUS_ATTEND); ?>">
<?php echo JText::sprintf((!CStringHelper::isSingular($event->confirmedcount)) ? 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT_MANY' : 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT', $event->confirmedcount); ?>
</a>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
<div class="app-box-footer">
<a href="<?php echo CRoute::_('index.php?option=com_community&view=events'); ?>"><?php echo JText::_('COM_COMMUNITY_FRONTPAGE_VIEW_ALL_EVENTS'); ?></a>
</div>
</div>
with this:
<div>
<div class="app-box-content">
<ul class="cThumbDetails cResetList">
<?php foreach ($events as $event) { ?>
<li <?php if (!empty($event->summary)): ?>class="jomNameTips" title="<?php echo CStringHelper::escape($event->summary); ?>" <?php endif; ?>>
<?php if($event->thumb) { ?>
<a href="<?php echo $event->getLink(); ?>" title="<?php echo CStringHelper::escape($event->title); ?>" class="cThumb-Calendar-image">
<img src="<?php echo $event->thumb; ?>" alt="<?php echo CStringHelper::escape($event->title); ?>">
</a>
<?php } else { ?>
<b class="cThumb-Calendar cFloat-L">
<b><?php echo CEventHelper::formatStartDate($event, JText::_('M')); ?></b>
<b><?php echo CEventHelper::formatStartDate($event, JText::_('d')); ?></b>
</b>
<?php } ?>
<?php if($event->thumb) {
$details_class = 'cThumb-Detail-image';
$event_date_start = '(' . CEventHelper::formatStartDate($event, JText::_('d')) . '.' .CEventHelper::formatStartDate($event, JText::_('M')) . ')';
} else {
$details_class = 'cThumb-Detail';
$event_date_start = '';
}
?>
<div class="<?php echo $details_class; ?>">
<a href="<?php echo $event->getLink(); ?>" class="cThumb-Title"><?php echo CStringHelper::escape($event->title) . ' ' . $event_date_start; ?></a>
<div class="cThumb-Location">
<?php echo CStringHelper::escape($event->location); ?>
</div>
<div class="cThumb-Members small">
<a href="<?php echo $event->getGuestLink(COMMUNITY_EVENT_STATUS_ATTEND); ?>">
<?php echo JText::sprintf((!CStringHelper::isSingular($event->confirmedcount)) ? 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT_MANY' : 'COM_COMMUNITY_EVENTS_ATTANDEE_COUNT', $event->confirmedcount); ?>
</a>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
<div class="app-box-footer">
<a href="<?php echo CRoute::_('index.php?option=com_community&view=events'); ?>"><?php echo JText::_('COM_COMMUNITY_FRONTPAGE_VIEW_ALL_EVENTS'); ?></a>
</div>
</div>
Then you need to add this css code to your current template main css file:
.cThumb-Calendar-image {
float:left !important;
width: 64px;
}
.cThumb-Detail-image {
margin: 0 0 0 75px;
}
Snippet will load event thumb from database and display it next to event details. If event has no thumbnail, then default look will be loaded.
If thumbnail is loaded then start date of event is displayed in () in title.
I attached demo file (without css styling).
In next major release of JomSocial will be introduced alternative layout for modules so it will be possible to have as many layout as you need, each different and still within same module :)
