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: