0
Welcome Guest! Login
0 items Join Now

Our Cyber Monday Sale is almost over! Save 50% on templates and 35% on club memberships during our limited time sales event. Act fast!
motionmailapp.com

Halcyon: Recreating the Demo - Top Sellers

Your Guide to Recreating Elements of the Halcyon Template for Joomla


Top Sellers

1
mod_custom

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.

Details

Option Setting
Title Top Sellers
Show Title Show
Position sidebar-a
Status Published
Access Public

Custom Output

Enter the following in the Custom Output text editor.

<div class="fp-side largemarginbottom"></div>
<div class="fp-side largemarginbottom">
    <img src="/images/stories/demo/frontpage/ts1.jpg" width="80" height="62" alt="image" class="rt-image floatleft largemarginbottom" />
    <span><strong>iHome iD3 Speakers</strong></span><br />
    <a href="#">$199.99</a>
    <div class="clear"></div>
</div>
<div class="fp-side largemarginbottom">
    <img src="/images/stories/demo/frontpage/ts2.jpg" width="80" height="62" alt="image" class="rt-image floatleft largemarginbottom" />
    <span><strong>Incase Workstation</strong></span><br />
    <a href="#">$29.99</a>
    <div class="clear"></div>
</div>
<div class="fp-side largemarginbottom">
    <img src="/images/stories/demo/frontpage/ts3.jpg" width="80" height="62" alt="image" class="rt-image floatleft largemarginbottom" />
    <span><strong>Remote Control Car</strong></span><br />
    <a href="#">$79.99</a>
    <div class="clear"></div>
</div>
<div class="fp-side largemarginbottom">
    <img src="/images/stories/demo/frontpage/ts4.jpg" width="80" height="62" alt="image" class="rt-image floatleft largemarginbottom" />
    <span><strong>iPhone Zip Wallet</strong></span><br />
    <a href="#">$89.99</a>
    <div class="clear"></div>
</div>
<div class="fp-side largemarginbottom">
    <img src="/images/stories/demo/frontpage/ts5.jpg" width="80" height="62" alt="image" class="rt-image floatleft largemarginbottom" />
    <span><strong>Apple World Travel Kit</strong></span><br />
    <a href="#">$39.99</a>
    <div class="clear"></div>
</div>
<div class="clear"></div>

<a href="#" class="readon"><span>More Products</span></a>

Basic

Option Setting
Prepare Content Yes
Select a Background Image Blank

Advanced

Option Setting
Module Class Suffix icon16

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.