Search Login

JMS Watch

JMS Watch theme userguide

Created: 31 August 2013

By : Joommasters team

Email : This email address is being protected from spambots. You need JavaScript enabled to view it.

I. Install JMS Watch quickstart package

Step 1

Download quickstart package then unzip it in folder where you want to put your site on server.

Step 2

Create new database for this prestashop website

Step 3

Go to url to folder what you unziped prestashop quickstart( ie : http//:localhost/jmsquickstart), you will have screen like below:

Install prestashop quickstart package

Choose language you want, then click Next button.

Install prestashop quickstart package

Check "I agree to the above terms and conditions" box, then click Next button .

Install prestashop quickstart package

Fill informations of database like localhost, database name, database username, database password, database engine, and database prefix. You can check informations by clicking "Test your database connection now" button. When connection is good, click Next button.

Install prestashop quickstart package

Fill information of store in this page, then click Next button

Install prestashop quickstart package

After create tables with example data, you will have this page

Install prestashop quickstart package

Please remove install folder of prestashop, then enjoy your store. If your site is www.yoursite.com, link go to backend is www.yoursite.com/admin7200

II. Install JMS Watch theme for current site:

Download JMS Watch theme

Login back end of store, then go to Modules->modules

Install JMS Hitec theme

Choose Administration category on left hand side, then find Import/export a theme module, then click Configure.

Install JMS Hitec theme

In Import from your computer part, click Choose file button

Install JMS Hitec theme

Choose Theme_jms_Watch.zip file what you downloaded above, then click Next button.

You will have page like below, click Next button

Install JMS Watch theme

Choose module you want to install with this theme and choose mode of configuration you want

Install JMS Watch theme

After that you go to a page like below, click Finish button, then store will auto set JMS Watch is your default theme. You can go to Preferences->Themes to change back old theme

Install JMS Watch theme

Go to Preferences->Images

Install JMS Watch theme

Configure home_default: width to 220, height to 220. Configure thickbox_default : width to 400, height to 400.

Important : after installing theme JMS Watch, you have to go to Modules->Modules, drag JMS Slideshow module from left column and drop it into HOOK_SLIDESHOW on right column, drag JMS Drop Megamenu module from left column and drop it into HOOK_TOPNAV on right column, then click Save Position button.

III. Configure modules of theme:

JMS Watch theme included many modules: Jms Drop MegaMenu, Jms Slideshow, Jms New Products Scroller, Jms Setting, Jms Custom Html Footer, Jms Custom Html Top, Jms Social Links, Jms Minicart block, Jms Custom Html Left, Jms Jcarousel, Jms Special Products, Jms Who's online.

1. Configure JMS Setting

  • Theme skin: Choose color for theme, this theme supports 8 colors
  • Theme width: Fill with of theme in pixel
  • Theme Layout: Choose layout for theme
  • Responsive: Enable or Disable responsive mode
  • Setting Demo Panel: Show or Hide setting panel at front end
JMS setting

Great part of JMS Setting module is you can drag modules on left side and drop into hooks on right side, you also can drag module from this hook to other hook, then click Save Position.

 

JMS Watch layout setting

2. Configure JMS Drop mega menu

a. Settings:

  • Menu Active Event: Choose trigger for open or close mega menu : hover or click
  • Open Speed: configure speed of open mega menu
  • Close Speed: configure speed of close mega menu
JMS Drop Mega menu setting

b. List functions:

You has full functions for managing menu items: Add, Edit, Delete, Active and Unactive.

If you want to add a new menu item, then click on Add button.

If you want to edit a menu item, then click on that menu item or click on checkbox of that menu item, then click Edit button.

If you want to delete menu items, then click on checkbox of those menu items and click Delete button.

If you want to active menu items, then click on checkbox of those menu items and click Active button.

If you want to un-active menu items, then click on checkbox of those menu items and click Unactive button.

You also can change ordering of menu items by fill number ordering then click Save button or use arrow buttons (arrow buttons only work for last level of menu items).

JMS Drop Mega menu functions

3. Configure JMS Slideshow

a. Settings:

  • Responsive: Turn on/off responsive mode
  • Slide Auto Play: Enable of Disable autp play
  • Slide Duration: speed of slide
  • Slide Width: width of slide if you turn off responsive
  • Slide Height: height of slide if you turn off responsive

JMS Slideshow setting

b. Slides Configuration:

If you want to add new slide, then click on “Add Slide” button link.

If you want to edit a slide, then click on “Edit” button of that slide row.

If you want to remove a slide, then click on “Delete” button of that slide row.

In this theme, we included 2 example slides.

For each slide, it will have those parameters:

  • Big image: upload big image, use it as background for slide. In this theme, module doesn't use this parameters
  • Small image: upload small image.
  • Title: title of slide.
  • URL: link when click on read more link on slide.
  • Description: description text of slide.

JMS Slideshow slide

4. Configure JMS product scroller

Settings:

  • Title: Fill the title of module.
  • Responsive: Turn on/off responsive mode
  • Total number of products: Total product will display on module
  • Number of products to be displayed: Define the number of products that you would like to display on homepage (default: 4)
  • Number of products to be scroll: Define the number of products to scroll (default: 4)
  • Slide Auto Play: Enable of Disable autp play
  • Slide Duration: speed of slide
  • Slide Width: width of slide if you turn off responsive
  • Short Desc Limit Character: Number character of short description to show
  • Show Add To Cart: Show or Hide Add to cart button.
  • Show Price: Show or Hide price
  • Show Short Desc: Show or Hide short description

JMS New Products scroller setting

5. Configure Jms Custom Html Top: You can add html for Hook Top as you want, it will display at homepage, below JMS slideshow module

JMS Custom Html Top setting

6. Configure Jms Custom Html Footer: You can add html for Hook Footer as you want

JMS Custom Html Footer setting

7. Configure Jms Social Links: You can add links for Facebook, Twitter, RSS, Youtube

JMS Social setting