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