Custom HTML Modules
Custom HTML Modules
Module position: Position 1, Position 2, Position 3
Module class suffix:not used

If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom html with the settings below:
Step-1:

Step-2:

Add the folloing html code in your custom html module
<div class="hm-overlay" style="height: 200px;">
<a href="index.php/shop/structured-shoulder-bag"><img src="images/themeparrot/blog/shoulder.jpg" alt="shoulder" class="img-responsive" /></a>
<div class="hm-overlay-caption">
<h2>Shoulder Bags</h2>
</div>
</div>
Step-3:

Module position: Position 5, Position 6
Module class suffix:not used

If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Custom html with the settings below:
Step-1:

Step-2:

Add the folloing html code in your custom html module
<div class="tm-overlay" style="height: 300px;">
<div class="tm-image"><img src="images/themeparrot/dt.common.streams.StreamServer.cls.jpg" alt="dt.common.streams.StreamServer.cls" class="img-responsive" /></div>
<div class="tm-overlay-caption">
<h2>Our Workshop</h2>
<a href="/index.php/about">View more</a></div>
</div>
<p> </p>
Step-3:

Last updated