Automatically installation of the theme

Manually installation of the template

If you want to install this theme manually, you have to do following steps:

1. Download and extract it locally.
2. Upload the "themes" folder contents to the "/themes" directory on your server.
3. Login to your back-office and go to "Preferences" -> "Themes'.
4. Now select "jms_telephone" theme in the "Theme appearance" section below
5. Click to "Save" button
6. Upload the "/modules" folder contents to the "/modules" directory on your server.
7. Install each uploaded modules in back office, please remember to install JMS Setting module first. How to work with prestashop modules please read here http://doc.prestashop.com/display/PS16/Managing+Modules+and+Themes

Congratulations! You have installed your new theme and to check it out, go to the front-end of your online shop and take a look at it!

Configuring images

The dimensions of images are adapted to the design of this theme. We advice you to set the image dimensions according to the following screenshot:

To configure product image dimensions open PrestaShop admin panel, go to Preferences -> Images. In some cases after image dimensions changes you need regenerate images.

JMS Telephone have lots of modules used. Some are prestashop default module and some are developed by Joommasters team for JMS Telephone from scrach or slightly modified prestashop default modules.

JMS setting for theme

This module allows you to configure JMS Telephone theme

• Theme skin: choose skin color for website
• Map type: choose type of map : Image hotspot or Map location
• Theme width: configure default width
• Responsive: turn on responsive or not
• Setting demo panel: show setting block at front-end or not

You can drag modules from left side to hooks on right side or drag modules from this hook to other hook.

In case frontend display not good after installation, you should check again hook of modules, modules should stay in hooks like image above.For some default modules of Prestashop, maybe you have to uninstall then install them again.

JMS Drop mega menu

It is a powerful mega menu for prestashop, supports responsive theme .

Configuring JMS Drop megamenu

Params for each menu item:

• Name: Title will be display of menu item.
• Parent: Choose parent of this menu item.
• Menu Type:Choose type of menu item, has 9 types are product, category, link, cms, manufacturer, module, html, separator, supplier.
  • For product type, will display an input box for filling product id.
  • For category type, will display a select box for choosing category.
  • For cms type, will display a select box for choosing cms.
  • For link type, will display an input box for filling link.
  • For manufacturer type, will display a select box for choosing manufacturer.
  • For supplier type, will display a select box for choosing supplier.
  • For module type, will display 2 options are Show or Hide menu title, and display a select box for choosing module will display.
  • For html type, will display 2 option are Show or Hide menu title, and display text area for filling html.
• Show title: show title of menu or not.
• Menu Icon: menu has icon or not.
• Icon class: choose class for Icon if you choose Menu Icon is yes.
• Full width: configure submenu will be full width or not, choose yes for what main menu you want to have full width submenu.
• Group: choose yes if you want this menu is head of 1 column, example you create 1 submenu with name is "Categories", choose Group is Yes, then create submenus of this menu are categories, you will have a column with title is "Categories", below are categories.
• Column of Sub menus: Configure count of columns of sub menus
• Width of Sub menus: Configure with of submenu in pixel
• Width: If this menu is in level 2 you can use this value to change width for column, choose value from 1 to 12 .
• Target: Choose trigger when click on this menu item, has 4 types are sefl, parent, blank, top.
• Active: Active or not.

JMS Slideshow2

This module displays slideshow full width .

Params for each slide

• Background image: background image for this slide
• Small image: small image for this slide
• Title : title of slide
• Class: class for effect of this slide, have 7 classes : lefleft, leftright, rightright, updown, downdown, rupup, rupdown
• URL: link for readmore button
• Description : description of slide
• Active : active or not

JMS Custom Html Footer

You can add html to this module for displaying at hook FootLeft.

HTML code:

<p>All Rights Reserved.Designed by <a href="#">Joommasters.com</a>. Powered by <a href="#">Prestashop</a>.</p>

JMS Custom Html Botcontent block

You can add html to this module for displaying at hook Botcontent.

Frontend of module :

Backend of module :

HTML code:

				<div class="col-xs-12 col-sm-4 col-md-3 blog-box">
					<div class="blog-image"><img src="/img/demo/img1.png" alt="" />
					<div class="mask"><a class=" icon-plus-3" href="#">Read more</a></div>
					<div class="blog-date"><span class="blog-day">19</span><span class="blog-month">May</span></div>
					</div>
					<h4><a href="#">Lorem ipsum dolor</a></h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat libero facilisis eros congue aliquam.</p>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 blog-box">
					<div class="blog-image"><img src="/img/demo/img2.png" alt="" />
					<div class="mask"><a class=" icon-plus-3" href="#">Read more</a></div>
					<div class="blog-date"><span class="blog-day">19</span><span class="blog-month">May</span></div>
					</div>
					<h4><a href="#">Morbi pellentesque</a></h4>
					<p>Nullam eu ultricies est. Vivamus venenatis rhoncus odio et aliquet. Mauris dictum erat orci, sit amet tempor ante.</p>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 blog-box">
					<div class="blog-image"><img src="/img/demo/img3.png" alt="" />
					<div class="mask"><a class=" icon-plus-3" href="#">Read more</a></div>
					<div class="blog-date"><span class="blog-day">19</span><span class="blog-month">May</span></div>
					</div>
					<h4><a href="#">Nam volutpat velit</a></h4>
					<p>Curabitur dapibus vehicula mauris et convallis. Nam volutpat velit in feugiat placerat. Aliquam nisl dolor, pretium eg.</p>
					</div>
					<div class="col-xs-12 col-sm-4 col-md-3 blog-box">
					<div class="blog-image"><img src="/img/demo/img4.png" alt="" />
					<div class="mask"><a class=" icon-plus-3" href="#">Read more</a></div>
					<div class="blog-date"><span class="blog-day">19</span><span class="blog-month">May</span></div>
					</div>
					<h4><a href="#">Vivamus eu tortor</a></h4>
					<p>Pellentesque mollis consequat purus sit amet vulputate. Vivamus eu tortor ac elit vulputate porta. Fusce consectetur.</p>
					</div>
				
				

JMS Custom Html Home

You can add html to this module for displaying at hook FootLeft.

Frontend of module :

Backend of module :

HTML code:

<h3>Our Services</h3>
<p class="services-intro text-center box-center col-sm-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet ultricies nisi. Suspendisse iaculis tortor non mi viverra pretium.</p>
<div class="col-xs-12 col-sm-4 col-md-3 service-box">
<div class="service-icon icon-phone-2 animate fadeInLeft"> </div>
<h4>24/7 Support</h4>
<p>Nulla mauris ipsum, convallis ut, vestibu euismod erat. Proin eros odio, mattis rutrum, pulvinar et</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-3  service-box">
<div class="service-icon icon-airplane-2 animate fadeInLeft"> </div>
<h4>Free shipping</h4>
<p>Curabitur pharetra vehicula lacus sed condimentum. Aliquam non nibh ultricies, cursus turpis ornare</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-3  service-box">
<div class="service-icon  icon-clock animate fadeInRight"> </div>
<h4>30-day returns</h4>
<p>Proin ac urna placerat, dignissim mi quis, placerat urna. Pellentesque ut ullamcorper urna. Sed a nu</p>
</div>
<div class="col-xs-12 col-sm-4 col-md-3  service-box">
<div class="service-icon icon-money-bag animate fadeInRight"> </div>
<h4>cash on delivery</h4>
<p>Curabitur mattis ultrices est in congue. Pellentesque nec dignissim mauris. Aliquam erat volutpat</p>
</div>

Jms Image Hotspot block

This module show your stores on image by hotspots.

Frontend of module :

Backend of module :

• Show Dropdown Selection : show dropdown selection store or not
• Dropdown Position : choose position for dropdown selection
• Map Image : choose image from modules/jms_imagehotspot/map folder
• Popup Position : choose position for popup when click on hotspot

List of stores :

Detail of store :

• Drap and Drop Point to set Offset Position : you can drag hotspot on image and drop it where store stays
• Title : name of store
• Class : don't use for this version
• Icon : don't use for this version
• Offset X : offset x of hotspot on image map
• Offset Y : offset y of hotspot on image map
• Url : don't use for this version
• Description : description of store, adress,...
• Active : published or not

Jms Map Location block

This module show your stores on gmap.

Frontend of module :

Backend of module :

• Show Dropdown Selection : show dropdown selection store or not
• Dropdown Position : choose position for dropdown selection

List of stores :

Detail of store :

• Address : address of store
• Map of store
• Latitude : Latitude of store on gmap
• Longitude : Longitude of store on gmap
• Title : name of store
• Class : don't use for this version
• Icon : don't use for this version
• Url : don't use for this version
• Description : description of store, adress,...
• Active : published or not

Jms Social networking block

This module was customized from default social networking block module.

Jms Tab Products

This module display products on tabs: New products, Featured products, Best seller and Special deal.

• Show New Product Tab: show New product tab or not
• Show Featured Product Tab: show Featured product tab or not
• Show Bestseller Product Tab: show Bestseller product tab or not
• Show Special Product Tab: show Special product tab or not
• Total number of products : total number of products will show
• Number of products to be displayed: number of products will show each slide
• Number of products per row: number of product per row
• Slide Auto Play: set slide auto play
• Slide Duration: slide duration
• Slide Width: slide width
• Slide Height: slide height
• Short Desc Limit Character: limit charaters if show short desciption
• Show Add To Cart: show Add to cart or not
• Show Price: show Price or not
• Show Short Desc: show Short description or not

Other modules

Those modules are default modules of Prestasshop.

• Newsletter block
• Banner block: stay on hook banner and it doesn't show on JMS setting module
• CMS block
• Permanent links block
• My account block for your website's footer
• Contact information block

Automatically installation of the theme

Manually installation of the template

If you want to install this theme manually, you have to do following steps:

1. Download and extract it locally.
2. Upload the “themes” folder contents to the "/themes" directory on your server.
3. Login to your back-office and go to "Preferences" -> "Themes'.
4. Now select "jms_tshirt" theme in the "Theme appearance" section below
5. Click to "Save" button
6. Upload the "/modules" folder contents to the "/modules" directory on your server.
7. Install each uploaded modules in back office, please remember to isntall JMS Setting module first. How to work with prestashop modules please read here http://doc.prestashop.com/display/PS15/Managing+Modules+and+Themes

Congratulations! You have installed your new theme and to check it out, go to the front-end of your online shop and take a look at it!

Configuring images

The dimensions of images are adapted to the design of this theme. We advice you to set the image dimensions according to the following screenshot:

To configure product image dimensions open PrestaShop admin panel, go to Preferences -> Images. In some cases after image dimensions changes you need regenerate images.

JMS Tshirt have lots of modules used. Some are prestashop default module and some are developed by Joommasters team for JMS Tshirt from scrach or slightly modified prestashop default modules.

JMS setting for theme

This module allows you to configure JMS Tshirt theme

• Theme skin: choose skin color for website
• Theme width: configure default width
• Responsive: turn on responsive or not
• Setting demo panel: show setting block at front-end or not

You can drag modules from left side to hooks on right side or drag modules from this hook to other hook.

In case frontend display not good after installation, you should check again hook of modules, modules should stay in hooks like image above.

JMS Drop mega menu

It is a powerful mega menu for prestashop, supports responsive theme .

Configuring JMS Drop megamenu

Params for each menu item:

• Name: Title will be display of menu item.
• Parent: Choose parent of this menu item.
• Menu Type:Choose type of menu item, has 9 types are product, category, link, cms, manufacturer, module, html, separator, supplier.
  • For product type, will display an input box for filling product id.
  • For category type, will display a select box for choosing category.
  • For cms type, will display a select box for choosing cms.
  • For link type, will display an input box for filling link.
  • For manufacturer type, will display a select box for choosing manufacturer.
  • For supplier type, will display a select box for choosing supplier.
  • For module type, will display 2 options are Show or Hide menu title, and display a select box for choosing module will display.
  • For html type, will display 2 option are Show or Hide menu title, and display text area for filling html.
• Show title: show title of menu or not.
• Menu Icon: menu has icon or not.
• Icon class: choose class for Icon if you choose Menu Icon is yes.
• Full width: configure submenu will be full width or not, choose yes for what main menu you want to have full width submenu.
• Group: choose yes if you want this menu is head of 1 column, example you create 1 submenu with name is "Categories", choose Group is Yes, then create submenus of this menu are categories, you will have a column with title is "Categories", below are categories.
• Column of Sub menus: Configure count of columns of sub menus
• Width of Sub menus: Configure with of submenu in pixel
• Width: If this menu is in level 2 you can use this value to change width for column, choose value from 1 to 12 .
• Target: Choose trigger when click on this menu item, has 4 types are sefl, parent, blank, top.
• Active: Active or not.

JMS Slideshow2

This module displays slideshow full width .

Params for each slide

JMS Custom Html Footer

You can add html to this module for displaying at hook Botsl.

HTML code:

<div class="col-sm-4 col-md-4 col-lg-4"><div class="icon-free-shipping"></div><h4>Free shipping</h4><p>On order over 500$</p></div>
<div class="col-sm-4 col-md-4 col-lg-4"><div class="icon-order-online"></div><h4>Order Online</h4><p>Phone: 84 - 1234567890</p></div>

JMS Custom Html Top

You can add html to this module for displaying at hook Topsl.

HTML code:

				
					<div class="row">
					<div class="col-sm-4 col-md-4 col-lg-4"> <section class="services-box box-left"><div class="services-box-inner"><div class="icon-circle active animate scale animated"><span class="icon icon-phone-3"></span></div><h5>24/7 Support</h5><span>Maecenas eu enim in lorem scelerisque auctor. Fusce vulputate penatibus</span><a href="#" class="btn btn-readmore">Read more</a> </div></section></div>
					<div class="col-sm-4 col-md-4 col-lg-4"> <section class="services-box"><div class="services-box-inner"><div class="icon-circle active animate scale animated"><span class="icon icon-money-bag"></span></div><h5>Cash On Delivery</h5><span>Nulla mauris ipsum, convallis ut, vestibulum
					euismod erat. Proin eros odio</span><a href="#" class="btn btn-readmore">Read more</a> </div></section></div>
					<div class="col-sm-4 col-md-4 col-lg-4"> <section class="services-box box-right"><div class="services-box-inner"><div class="icon-circle active animate scale animated"><span class="icon icon-airplane-2"></span></div><h5>Free Shipping</h5><span>Mauris et ligula quis erat dignissim impe rdiet. Integer ligula magna, dictum et</span><a href="#" class="btn btn-readmore">Read more</a> </div></section></div>
					</div>
				
			

JMS Custom Html Left

You can add html to this module for displaying at hook Topsl.

HTML code

			    
				<section>
            <h3>COMMUNITY POLL</h3>
            <form role="form">
              <p><strong>WHAT IS YOUR FAVORITE PRESTASHOP FEATURE?</strong></p>
              <div class="radio">
                <label>
                  <input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios">
                  Layered Navigation </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" value="option2" id="optionsRadios2" name="optionsRadios">
                  Price Rules </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" value="option3" id="optionsRadios3" name="optionsRadios">
                  Category Management </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" value="option4" id="optionsRadios4" name="optionsRadios">
                  Compare Products </label>
              </div>
              <button class="btn btn-mega">Vote</button>
            </form>
          </section>
				
			

Jms Social networking block

This module was customized from default social networking block module.

JMS On sale products block

This module display sale products with 2 arrows what allow to slide more products.

From the blog block

This is CMS information block module default of Prestashop.

New products and Best sellers module

They are New products and Best sellers default module of Prestashop.

Automatically installation of the theme

Manually installation of the template

If you want to install this theme manually, you have to do following steps:

1. Download and extract it locally.
2. Upload the “themes” folder contents to the "/themes" directory on your server.
3. Login to your back-office and go to "Preferences" -> "Themes'.
4. Now select "jms_jewelry" theme in the "Theme appearance" section below
5. Click to "Save" button
6. Upload the "/modules" folder contents to the "/modules" directory on your server.
7. Install each uploaded modules in back office. How to work with prestashop modules please read here http://doc.prestashop.com/display/PS15/Managing+Modules+and+Themes

Congratulations! You have installed your new theme and to check it out, go to the front-end of your online shop and take a look at it!

Configuring images

The dimensions of images are adapted to the design of this theme. We advice you to set the image dimensions according to the following screenshot:
To configure product image dimensions open PrestaShop admin panel, go to Preferences -> Images. In some cases after image dimensions changes you need regenerate images.

JMS jewelry have lots of modules used. Some are prestashop default module and some are developed by Joommasters team for JMS jewelry from scrach or slightly modified prestashop default modules.

JMS setting for theme

This module allows you to configure JMS Jewelry theme

• Theme skin: choose skin color for website
• Theme width: configure default width
• Responsive: turn on responsive or not
• Setting demo panel: show setting block at front-end or not

You can drag modules from left side to hooks on right side or drag modules from this hook to other hook.

In case frontend display not good after installation, you should check again hook of modules, modules should stay in hooks like image above.

JMS Drop mega menu

It is a powerful mega menu for prestashop, supports responsive theme .

Configuring JMS Drop megamenu

Params for each menu item:

• Name: Title will be display of menu item.
• Parent: Choose parent of this menu item.
• Menu Type:Choose type of menu item, has 9 types are product, category, link, cms, manufacturer, module, html, separator, supplier.
  • For product type, will display an input box for filling product id.
  • For category type, will display a select box for choosing category.
  • For cms type, will display a select box for choosing cms.
  • For link type, will display an input box for filling link.
  • For manufacturer type, will display a select box for choosing manufacturer.
  • For supplier type, will display a select box for choosing supplier.
  • For module type, will display 2 options are Show or Hide menu title, and display a select box for choosing module will display.
  • For html type, will display 2 option are Show or Hide menu title, and display text area for filling html.
• Group: link when click on read more link on slide.
• Column of Sub menus: Highlight menu title or not
• Width of Sub menus: Configure count of columns of sub menus
• Width of Sub menus: Configure width of sub menus column. If Sub menu configure width is 0, it will auto get this value.
• Width: If this menu is in level 2 you can use this value to change width for column.
• Target: Choose trigger when click on this menu item, has 4 types are sefl, parent, blank, top.
• Active: Active or not.

JMS Slideshow2

This module displays slideshow full width .

Params for each slide

JMS Tab products

This module displays 3 tabs: New products,Featured products, Best seller product, Special products.

JMS Custom Html Footer

You can add html to this module for displaying at hook FootRight.

HTML code:

Copyright @2014 Prestashop.com

JMS Custom Html Top

You can add html to this module for displaying at hook Topsl.

HTML code:

<div class="row hidden-xs hidden-sm">

	<div class="col-xs-12 col-sm-4 col-md-4 left" id="box-left">

		<div class="box"><i class="fa box-icon fa-2x"></i><h3>Free shipping</h3><span>On order over 500$</span></div>

	</div>

	<div class="col-xs-12 col-sm-4 col-md-4" id="box-center">

		<div class="box"><i class="fa box-icon fa-2x"></i><h3>Discount</h3><span>Last week weekly</span></div>

	</div>

	<div class="col-xs-12 col-sm-4 col-md-4 right" id="box-right">

		<div class="box"><i class="fa box-icon fa-2x"></i><h3>Payment</h3><span>Secure payment processing</span></div>

	</div>

</div>

<div class="row hidden-xs" id="topsl-custom">

	<div class="col-xs-12 col-sm-6 col-md-6 text-left">

		<div class="box-img">

			<img src="/themes/jms_jewelry/img/demo/banner-1.png" />

		</div>

		<div class="box-desc">

			<h3>Man collections</h3>

			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a nisl nec dui varius mollis. Donec in libero ante. Nam imperdiet tincidunt

			</p>

			<a class="fill-ef"><span>Shop Now</span><span></span></a>

		</div>

	</div>

	<div class="col-xs-12 col-sm-6 col-md-6 text-right">

		<div class="box-img">

			<img src="/themes/jms_jewelry/img/demo/banner-2.png" />

		</div>

		<div class="box-desc">

			<h3>Woman collections</h3>

			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a nisl nec dui varius mollis. Donec in libero ante. Nam imperdiet tincidunt mauris

			</p>

			<a class="fill-ef"><span>Shop Now</span><span></span></a>

		</div>

	</div>

</div>

JMS Custom Html Left

You can add html to this module for displaying at hook Topsl.

HTML code

			    
				
				<a hef="#"><img src="/themes/jms_jewelry/img/demo/adv-left.png" /></a>
				
			

JMS Facebook block

This module was customized from default Facebook block module.

Contact Information

JMS Jewelry theme overwrited Contact information module default of Prestashop.

You can go to themes\jms_jewelry\modules\blockcontactinfos folder, edit informations in blockcontactinfos.tpl file as you want

Social networking block

JMS Jewelry theme overwrited Social networking block of Prestashop.

You can go to themes\jms_jewelry\modules\blocksocial folder, edit informations in blocksocial.tpl file as you want

Automatically installation of the theme

Manually installation of the template

If you want to install this theme manually, you have to do following steps:

1. Download and extract it locally.
2. Upload the “themes” folder contents to the “/themes” directory on your server.
3. Login to your back-office and go to “Preferences” ? “Themes”.
4. Now select "jms_glass" theme in the "Theme appearance" section below
   
5. Click to "Save" button
6. Upload the “/modules” folder contents to the “/modules” directory on your server.
7. Install each uploaded modules in back office. How to work with prestashop modules please read here http://doc.prestashop.com/display/PS15/Managing+Modules+and+Themes

Congratulations! You have installed your new theme and to check it out, go to the front-end of your online shop and take a look at it!

Configuring images

The dimensions of images are adapted to the design of this theme. We advice you to set the image dimensions according to the following screenshot:
To configure product image dimensions open PrestaShop admin panel, go to Preferences > Images. In some cases after image dimensions changes you need regenerate images.

JMS Glass have lots of modules used. Some are prestashop default module and some are developed by Joommasters team for JMS Glass from scrach or slightly modified prestashop default modules.

JMS setting for theme

This module allows you to configure JMS theme, and you can drag modules from left side to hooks on right side or drag modules from this hook to other hook.

You also can check modules on each hook easy via this module

JMS Drop mega menu

It is a powerful mega menu for prestashop, supports responsive theme .

Configuring JMS Drop megamenu

Params for each menu item:

• Name: Title will be display of menu item.
• Parent: Choose parent of this menu item.
• Menu Type:Choose type of menu item, has 9 types are product, category, link, cms, manufacturer, module, html, separator, supplier.
  • For product type, will display an input box for filling product id.
  • For category type, will display a select box for choosing category.
  • For cms type, will display a select box for choosing cms.
  • For link type, will display an input box for filling link.
  • For manufacturer type, will display a select box for choosing manufacturer.
  • For supplier type, will display a select box for choosing supplier.
  • For module type, will display 2 options are Show or Hide menu title, and display a select box for choosing module will display.
  • For html type, will display 2 option are Show or Hide menu title, and display text area for filling html.
• Group: link when click on read more link on slide.
• Column of Sub menus: Highlight menu title or not
• Width of Sub menus: Configure count of columns of sub menus
• Width of Sub menus: Configure width of sub menus column. If Sub menu configure width is 0, it will auto get this value.
• Width: If this menu is in level 2 you can use this value to change width for column.
• Target: Choose trigger when click on this menu item, has 4 types are sefl, parent, blank, top.
• Active: Active or not.

JMS New products scroller

This module displays a scroller newest products with 2 modes: responsive or fixed width.

JMS Slideshow2

This module displays slideshow full width .

Params for each slide

JMS Tab products

This module displays 3 tabs: Featured products, Best seller, Special deal.

JMS Custom Html Footer

You can add html to this module for displaying at hook Botcontent.

JMS Custom Html Top

You can add html to this module for displaying at hook Topsl.

JMS Custom Html Left

You can add html to this module for displaying at hook Topsl.