Assign modules on offcanvas module position to make them visible in the sidebar.

Loading Theme Customizer. Please wait...

Appetizer Pellentesque
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Lorem
Lorem ipsum dolor sit amet, consectetur
$18
Appetizer Cras
Lorem ipsum dolor sit amet, consectetur
$21
Appetizer Nullam
Lorem ipsum dolor sit amet, consectetur
$14
Appetizer Aenean
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Donec
Lorem ipsum dolor sit amet, consectetur
$16
Appetizer Curabitur
Lorem ipsum dolor sit amet, consectetur
$18
Appetizer Morbi
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Vestibulum
Lorem ipsum dolor sit amet, consectetur
$12
Appetizer Aliquam
Lorem ipsum dolor sit amet, consectetur
$17
Appetizer Suspendisse
Lorem ipsum dolor sit amet, consectetur
$19
Appetizer Praesent
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Integer
Lorem ipsum dolor sit amet, consectetur
$22
Appetizer Vivamus
Lorem ipsum dolor sit amet, consectetur
$25
Appetizer Mauris
Lorem ipsum dolor sit amet, consectetur
$13
Appetizer Phasellus
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Maecenas
Lorem ipsum dolor sit amet, consectetur
$16
Appetizer Etiam
Lorem ipsum dolor sit amet, consectetur
$19
Appetizer Fermentum
Lorem ipsum dolor sit amet, consectetur
$20
Appetizer Condimentum
Lorem ipsum dolor sit amet, consectetur
$15
Appetizer Gravida
Lorem ipsum dolor sit amet, consectetur
$12

Custom Code :

<div class="jm-pricing row-fluid">
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Pellentesque</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Lorem</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$18</div>
  <div class="span10">
      <div class="title">Appetizer Cras</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$21</div>
  <div class="span10">
      <div class="title">Appetizer Nullam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$14</div>
  <div class="span10">
      <div class="title">Appetizer Aenean</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Donec</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$16</div>
  <div class="span10">
      <div class="title">Appetizer Curabitur</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$18</div>
</div>
</div>
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Morbi</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Vestibulum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$12</div>
  <div class="span10">
      <div class="title">Appetizer Aliquam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$17</div>
  <div class="span10">
      <div class="title">Appetizer Suspendisse</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$19</div>
  <div class="span10">
      <div class="title">Appetizer Praesent</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Integer</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$22</div>
  <div class="span10">
      <div class="title">Appetizer Vivamus</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$25</div>
</div>
</div>
<div class="span4 box">
<div class="row-fluid">
  <div class="span10">
      <div class="title">Appetizer Mauris</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$13</div>
  <div class="span10">
      <div class="title">Appetizer Phasellus</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Maecenas</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
    </div>
  <div class="price span2 text-right">$16</div>
  <div class="span10">
      <div class="title">Appetizer Etiam</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$19</div>
  <div class="span10">
      <div class="title">Appetizer Fermentum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$20</div>
  <div class="span10">
      <div class="title">Appetizer Condimentum</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$15</div>
  <div class="span10">
      <div class="title">Appetizer Gravida</div>
      <div class="subtitle">Lorem ipsum dolor sit amet, consectetur</div>
  </div>
  <div class="price span2 text-right">$12</div>
</div>
</div>
</div>


You can make your Joomla! website unavailable to visitors until selected date. To enable this option login to Administrator back-end.

1. Click the Extensions → Templates → JM-Template-Name → Basic Settings menu item

2. Find field Coming Soon and click Enable button.

3. Next set date in filed Coming Soon Date.

Click the Save button to implement the new settings.

Title and description you can change in Extensions → Module Manager. Find module Our site is coming soon on position coming-soon. You can also publish different type of module if you like.

Coming Soon page can be easily customised in file - /templates/jm-template-name/tpl/comingsoon.php

Business Theme

JM Services

Culinary Theme

JM Services

Dental Theme

JM Services
Home page - you can disable this part for menu item in Extensions -> Templates -> JM-Template -> Basic Settings -> Disable component.

There are additional module designs available that you can control by entering a correct suffix name as a module parameter.
If you need to mix suffixes then separate classes with some space.



1. Available module designs

Module Suffixes

2. Use the following suffixes for DJ-Mediatools module (Grid layout) if you want to get the following view for slides. Otherwise a module will use the default css styles.

Suffix name: grid-ms

DJ-Mediatools Suffixes

3. Use the following suffixes for DJ-Mediatools module if you want to get the following view. Otherwise a module will use the default css styles.

Suffix name: header-ms and navigation-ms

DJ-Mediatools Suffixes

4. Use the suffix for module to reduce space below module.

Suffix name: margin-ms

5. Additional and very useful suffix to make your modules height the same.
You just have to put a suffix at a module configuration to get the specified module height.
See here the screenshot:

height1

_mod300 means that your module will be of 300 pixels high.