Help is on the way!

USER31 - Custom Html Module

In the USER31 position we use a Custom HTML module to create intro text for the contact us area below. Create a new Custom Html module and insert the following mark up in the text area. *Note: Use HTML mode to enter the code in the module. Do not use a WYSIWYG editor.

<div class="introinfo1" align="center">
<h1>START TRAINING TODAY!</h1>
<h2>Tincidunt interdum saggitis onare vivamus malesuada</h2>
</div>

USER31 - JoomlaXTC Contact Wall

In the second USER31 we use our JoomlaXTC Contact Wall Module to create our own custom layout pulling from the core Joomla Contact component. In order to recreate the layout you will first need to upload the K2 Content Wall Module to your Joomla install. If you are using the K2 Content Wall from the Template package you can select the fitlife_contactmap_user31 template from the Demo Templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:

Use the following mark up for the Module HTML and Main Content HTML:

Module HTML

<div class="area_map" align="center">{mainarea}</div>

Main Content HTML

<div class="contactuswrap">
<div class="contactwrapleft">
<a href="/{miscellanous}"}
<img src="/{contactimageurl class="jxtc6744cc56a81dd">"></a>
<span style="padding-right:16px;">	
<i class="icon-phone"></i>&nbsp;&nbsp;{telephone}&nbsp;&nbsp;(9am - 5pm)
</span>
<span style="">	
<i class="icon-envelope-alt"></i>&nbsp;&nbsp;{email_to}
</span>
</div>
<div class="contactwrapright">
	<form id="contact-form" action="/fitlife/index.php" method="post" class="emailForm">
            <fieldset><dl>	
		 <div class="ctwhalf" style="float:left;width:48%;">
				<input type="text" name="jform[contact_name]" id="jform_contact_name" value="name"  class="required"/>		
		</div>
		<div class="ctwhalf" style="float:left;width:48%;margin-left:4%;">
			<input type="text" name="jform[contact_email]" class="validate-email required" id="jform_contact_email" value="email"/>		
		</div>
        <div style="clear:both;"></div>
		<div class="ctwfull"class="ffield">
			<input type="text" name="jform[contact_subject]" id="jform_contact_emailmsg" value="subject" class="required"/>			
		</div>
		<div class="ctwfull"class="ffield">
			<textarea name="jform[contact_message]" id="jform_contact_message" cols="150" rows="8" class="required"></textarea>			
		</div>    			                                              	                     	    		
		<div style="margin:-40px 0 5px 0;text-align:center; clear:both; ">
			<div class="buttonMore">
				<button class="button validate morebtn" type="submit">Send Email</button>
				<input type="hidden" name="option" value="com_contact" />
				<input type="hidden" name="task" value="contact.submit" />
				<input type="hidden" name="return" value="" />
				<input type="hidden" name="id" value="{slug}" />
				</div></div>
</dl></fieldset>
	</form>
</div>
<div style="clear:both;">
</div>
</div>

For more information on styling and configuring the Contact Wall Module visit the full documentation HERE