I. Install JMS Fashion quickstart package

Download quickstart package, unzip it in folder where you want to put your site on server, then install it as tutorial here.

II. Install JMS Fashion theme for current site:

Download JMS Fashion theme, then install it as tutorial here

III. Configure modules of theme:

JMS Fashion theme included many modules: Jms Custom Html Footer, Jms Custom Html Top, Jms Drop MegaMenu, Jms New Products Scroller, Jms Setting, Jms Slideshow, Jms Social Links.

1. Configure JMS Setting

• Theme skin: Choose skin for theme
• 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

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.

2. Configure JMS Drop mega menu as this tutorial

3. Configure JMS Slideshow as this tutorial

4. Configure JMS product scroller as this tutorial

5. Configure Jms Custom Html Top: You can add html for Hook Top as you want

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

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

I. Install JMS Hitec quickstart package

Download quickstart package, unzip it in folder where you want to put your site on server, then install it as tutorial here.

II. Install JMS Hitec theme for current site:

Download JMS Hitec theme

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

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

In Import from your computer part, click Choose file button

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

You will have page like below, click Next button

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

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

Now please back to Modules-> modules, choose author is Joommasters, you will see all JMS modules for this theme

1. Configure JMS Drop mega menu as this tutorial

2. Configure JMS Slideshow as this tutorial

3. Configure JMS product scroller as this tutorial

4. Configure JMS Setting

• Theme skin: Choose skin for theme
• 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

5. Configure JMS Custom HTML

Fill html into text area fields, JMS Custom HTML supports 5 fileds for Top, Left, Right, Home and Footer

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:

Choose language you want, then click Next button.

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

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.

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

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

Please remove install folder of prestashop, then enjoy your store

Step 1

How to install JMS Product scroller for Redshop module: you can read here

Step 2

Configure JMS Product scroller for Redshop module:

• Source : choose source of product
• Categories's ID : fill categories's id if you choose From selected categories on Source parameter above
• Total Product : total products will display
• Slide Step : count product each step
• Thumbnail Height : height of thumbnail in pixel
• Thumbnail Width : width of thumbnail in pixel
• Slide Height : height of slide in pixel
• Slide Width : width of slide in pixel
• Duration : speed of slides in miliseconds
• Auto Play : set slides auto play or not
• Order : select order for display products
• Readmore Text : you can change readmore text here
• Module Class Suffix : module class suffix

Step 1

How to install JMS Mega menu package: Please download package, then unzip it, you will have a module and a plugin. You can install plugin as here and install module as here

Step 2

How to use JMS Mega menu:

For plugin: please enable it

For module: please enable module, choose position for it and configure parameters as below

• Select Menu: Select menu system for this mega menu
• Menu activate Event: have 2 options are hover and click
• Open speed: Speed for open mega menu
• Close speed: Speed for close mega menu

For menu, JMS Mega menu plugin add a tab with any parameters as below:

• Show title: Options for showing title
• Description: Description of menu item
• Submenu columns: Count of columns for submenu of this item
• Submenus column width:Set default width for each submenu column
• Width: Set width for this menu item, if this item is submenu, system will use this width instead of submenu witdh(what configured in parent item)
• Addition class: addition class for this menu item
• Group: Highlight this menu item or not
• Subcontent: Choose type of subcontent of this menu item
• Select modules: Choose modules you want if you choose Module for Subcontent param
• Select positions: Choose positions you want if you choose position for Subcontent param

How to create menu like demo

Demo JMS Mega menu

Main menu items with 3 columns submenu.

Create new menu item, title is "Lorem ipsum dolor",go to Advanced tab

Then click on Menu Params (Joommasters), you will see like below

Set Submenu Columns is 3, Submenus column Width is 200 (you can change 200 as you want)

Then we can create submenu items, first item is "Custom module with image"

Set Submenu Columns is 1, Subcontent is Module Position, Select positions is megamenu1 ( have to create a custom module at megameu1 position before).

Second submenu item, make same first submenu item, but Select positions is megamenu2 and assign a menu module to megamenu2 position.

Third submenu item, make same 2 item above, but Select positions is megamenu3 and assign a custom module to megamenu3 position.

Step 1

How to install JMS Drop Mega menu module:

Download module, then you can install JMS Drop Mega menu module as tutorial here.

Step 2

How to use JMS Drop Mega menu module:

1. 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

2. 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).

Step 1

Download package then unzip, you will have a component and a plugin.

You can install component as normal.

How to install JMS Multi Images Upload for Virtuemart System Plugin: You can read here

Step 2

How to use JMS Multi Images Upload for Virtuemart System Plugin:

For a new product, you have to save it before use plugin

Edit a product, then go to Product images tab, you will see "Select files" button at the bottom. Click on bottom, then choose images from your desktop, plugin will automatically upload those images, create thumbnails for them and update those images for product by ajax.

Note: on some server, when you upload more 5 images, some images don't upload, some images upload 2-3 times, please check :

1. limited size for uploading of your size, maybe it is 2Mb and size of your images are big

2. your images have captial extension like .JPG instead of .jpg, please download latest version of my plugin

3. When some images upload 2-3 times, please go to plugins\system\jmsmultiupload\assets\js folder, edit multiupload.js file, find line 43 "url: url,", add 1 line below it "singleFileUploads:false,"

Step 1

How to install JMS Who's online module:

Download module, then you can install JMS Who's online module as tutorial here.

Step 2

How to configure JMS Who's online module:

1. Settings:

• Total Visitors: Show or Hide total visitors
• Digit Counter Style: Choose digit counter style for total visitors
• Number of Guest Online: Show or hide number of guest online
• Number of Customer Online: Show or hide number of customer online
• Today Visitors: Show or Hide today visitors
• This Week Visitors: Show or Hide this week visitors
• This Month Visitors: Show or Hide this month visitors
• Visitor IP: Show or Hide visitor IP

Step 1

How to install JMS Slideshow module:

Download module, then you can install JMS Slideshow module as tutorial here.

Step 2

How to configure JMS Slideshow module:

1. 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

2. 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.

For each slide, it will have those parameters:

• Big image: upload big image, use it as background for slide.
• Small image: upload small image.
• Title: title of slide.
• URL: link when click on read more link on slide.
• Description: description text of slide.