Shack Slides in Home

In order to get the same result from Shack Slides module like in our home page, please be sure the module settings are as follows:

  • Template design: JS Flow
  • Height: 0
  • Height adjustment: adjustment height on image proportion

Choose one of these module positions:

  • featured
  • top
  • grid-bottom
  • grid-bottom2
  • grid-bottom3

The slideshow width and prev/next navigation buttons design would be slightly different in some of those positions.

If you display the module in a position different to the ones above, it will use the native Shack Slides design. In that case, you may want to set Template design as "disabled" which allow you to have control on all the parameters again.

Search Module in Toolbar

In order to create a Search box next to the Toolbar menu:

  • Go to Extensions > Modules > New > Search
  • Advanced > Module Class suffix:  pull-right (empty space at the beginning)
  • Position: toolbar

Joomlashack Extensions

This template comes with 3 commercial extensions: Shackslides, Easy Social Icons and jInbound Pro. Shackslides and Easy Social Icons are included for free.

Shackslides

ShackSlides is the way to intensify your site with images that have style, are fully-responsive and have awesome effects.

We use Shackslides in the slideshow for the Flow demo.

Documentation for Shackslides

 


 

Easy Social Icons

Easy Social Icons is a lightweight module that let you quickly add and manage all your social network links.

We use Easy Social Icons to show social networks icons for the Flow demo.

Documentation for Easy Social Icons

 


 

jInbound

jInbound offers powerful and affordable Joomla marketing automation.

We use jInbound to show landing pages for the Flow demo in these pages:

Documentation for jInbound

Sign Up Form in Home

To build a sign up form like in our homepage, create a custom HTML module. You can assign it to featured position.

Add the custom HTML below as base:

<div class="row-fluid">
<div class="span6 pull-right">
 
 <p><br><br></p>
 
 <div class="boxed-mobile">
  <h1>Let your business<br />fly high</h1>
   <p>Discover how your business can reach hundreds of people a day<br>
through our beautifully designed landing page.
  <br><br></p>
 </div>
 
 <div class="boxed-mobile">
  <div class="row-fluid">
   <div class="span8">
    <form>
    <input name="fname" type="text" placeholder="your name" class="span12" /><br />
    <input name="email" type="email" placeholder="your email" class="span12" /><br />
    <button class="btn btn-large btn-block">Get started now!</button></form>
   </div>
  </div>
 </div>
</div>
</div>

  • Go to Options
  • In Select a background image choose the image to use as background. Recommended size is 2509 x 1089.

  • Set Show title as "no"
  • Save when you're done

Please note, you can connect this custom form to email marketing services such as MailChimp. The process depends on each provider. However if you want to use an easier solution that doesn't involve touching that much the HTML, please consider using jInbound instead.

Module Positions

This page demonstrates the available module styles and positions available in this template.