I was asked to prepare a snippet that allows to add anything else (e.g text, own photo or video) in hero image position. Final effect look like this:
prntscr.com/4ls9p9
So it requires styling :)
Cod allows you to add own module that will replace hero image but also removes "Join us!" button... so it's recommended to have other registration button on site... or maybe you have suggestion where to move it?
Snippet is posted below.
You need to copy this file:
ROOT/components/com_community/templates/default/frontpage.guests.php
to:
ROOT/templates/your-template/html/com_community (if you don't have "html" or "com_community" folders, feel free to create them).
Then edit file and replace this (starting from line 22 up to line 53:
<div class="row-fluid hero-area">
<div class="hero-area-wrapper">
<img class="hero-area-bg" src="<?php echo $heroImage; ?>"></img>
<div class="content hidden-phone">
<h1><?php echo JText::_('COM_COMMUNITY_GET_CONNECTED_TITLE'); ?></h1>
<div class="content-cta">
<div class="row-fluid">
<div class="span7">
<p><?php echo JText::_('COM_COMMUNITY_HERO_PARAGRAPH'); ?></p>
</div>
<div class="span4 offset1">
<?php if ($allowUserRegister) : ?>
<a class="btn btn-block btn-large btn-primary" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' , false ); ?>">
<?php echo JText::_('COM_COMMUNITY_JOIN_US_NOW'); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="content visible-phone">
<?php if ($allowUserRegister) : ?>
<a class="btn btn-block btn-large btn-primary" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' , false ); ?>">
<?php echo JText::_('COM_COMMUNITY_JOIN_US_NOW'); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
<div class="row-fluid hero-area">
<?php if($moduleCount > 0) { ?>
<div class="hero-area-wrapper-module">
<?php $this->renderModules('my_frontpage_module'); ?>
</div>
<?php } else { ?>
<div class="hero-area-wrapper">
<img class="hero-area-bg" src="<?php echo $heroImage; ?>"></img>
<div class="content hidden-phone">
<h1><?php echo JText::_('COM_COMMUNITY_GET_CONNECTED_TITLE'); ?></h1>
<div class="content-cta">
<div class="row-fluid">
<div class="span7">
<p><?php echo JText::_('COM_COMMUNITY_HERO_PARAGRAPH'); ?></p>
</div>
<div class="span4 offset1">
<?php if ($allowUserRegister) : ?>
<a class="btn btn-block btn-large btn-primary" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' , false ); ?>">
<?php echo JText::_('COM_COMMUNITY_JOIN_US_NOW'); ?>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="content visible-phone">
<?php if ($allowUserRegister) : ?>
<a class="btn btn-block btn-large btn-primary" href="<?php echo CRoute::_( 'index.php?option=com_community&view=register' , false ); ?>">
<?php echo JText::_('COM_COMMUNITY_JOIN_US_NOW'); ?>
</a>
<?php endif; ?>
</div>
</div>
<?php } ?>
</div>
$moduleCount = count(JModuleHelper::getModules('my_frontpage_module'));
If some of you have troubles with applying my hack - here is a demo file.