Step 1

How to install JMS Video:

Unzip downloaded package, then you can install JMS Video component and modules as normal.

Step 2

How to configure JMS Video component:

Go to Components - JMS Video

1. Basic Setting

• Media Folder: folder where save all files in joomla root folder
• Thumbnail width: width of thumbnail when resize
• Thumbnail height: height of thumbnail when resize
• Video Per Row: number of video per row
• Video Per Page: number of video per page
• Media Download Enable: enable download media files
• Social Sharing System: enable social sharing
• Social Sharing Type: choose type of button social sharing

2. Media Player setting:

• Player width: width of this player
• Player height: height of this player
• Auto play: auto play when load page or not
• Auto resume: configure auto resume mode

2. Facebook comment:

• Comment System Enable:enable comment system

Step 3

How to use JMS Video:

1. Categories management:

List categories page

• Category mame: name of this category
• Ordering: choose order for this category
• ID: this field will be auto fill by component
• Language: select language for this category
• Status: status of this category
• Description: description of this category

2. User profiles:

List users page

• Profile Name: fill name of this user
• User: username, you can't change this field in this component
• Email To: email of user
• Permission: select permission you want to set for this user
• ID: Id of this user, you can't change this field in this component
• Language: select language for this user, default is all
• Status: select status for this user
• Image: select image for this user

3. Video management:

You have a list of videos with filters and functions (add new, edit, delete, publish, unpublish)

Edit Video:

• Video name: name of this video
• Category: select category of this video
• User upload: user who uploaded this video
• Ordering: ordering of this video
• ID: this field will be auto fill by component
• Hits:how many times users view this video
• Created: date when video was created
• Modified: date when video was modified
• Description: description of this video
• Featured: featured video or not
• Status: status of this video
• Language: select language for this video

Media Source:

• Video image type: select type of image video: Upload file or Image Url
• Video image url: with type is Image Url, fille url of image
• Upload : with type is Upload file, choose a image from your desktop
• Source type : select source of video: Upload file, Url/Youtube link, File from folder or RTMP stream
• Choose file : with source type is Upload file, please choose video file from your desktop for uploading
• Url/youtube link : with source type is Url/Youtube link, fill link of video from other site or youtube link
• Select file :width source type is File from folder, select file in list files from media/jmsvideo/tmp folder
• RTMP url :width source type is RTMP stream, fill url of RTMP stream

Related video:

• Related Videos :enter here related videos

4. Rating:

Show all rating what user rated for videos

Step 4

JMS Video modules:

1. Most Rating Videos

• Category: select categories
• Count: number of videos will display

2. Recent Videos

• Category: select categories
• Count: number of videos will display
• Videos per row: select number of videos per row
• Ordering: select type of ordering: Recent Added, Recent modified, Most view and Ordering

3. Search Video

• Search video: It is amazing module for searchign videos and user profiles,it uses ajax for searching and auto display results below search bar

Step 5

JMS Video- Video Profile Creator plugin:

Plugin to automatically create video profile information for new users

• Default Permission: set default permission for new users
• Automatically publish the profile: auto publish profile or not

Step 1

How to install JMS Music:

Unzip downloaded package, then you can install JMS music component and modules as normal.

Step 2

How to configure JMS Music component:

Go to Components - JMS Music

1. Basic Setting

• Media Folder: folder where save all files in joomla root folder
• Thumbnail width: width of thumbnail when resize
• Thumbnail height: height of thumbnail when resize
• Playlist Per Page: number of playlist per page
• Playlist Per Row: number of playlist per row
• Songs Per Page: number of song per page
• Media Download Enable: enable download media files
• Social Sharing System: enable social sharing
• Social Sharing Type: choose type of button social sharing

2. Media Player setting:

• Player width: width of this player
• Player height: height of this player
• Auto play: auto play when load page or not
• Auto resume: configure auto resume mode
• Shuffle: configure shuffle mode

2. Facebook comment:

• Comment System Enable:enable comment system

Step 3

How to use JMS Music:

1. Categories management:

• Category mame: name of this category
• Ordering: choose order for this category
• ID: this field will be auto fill by component
• Description: description of this category
• Status: status of this category
• Language: select language for this category

2. Artist management:

• Artist Name: fill name of this artist
• Ordering: choose order for this artist
• ID: this field will be auto fill by component
• Image: select image for this artist
• Description: description of this artist
• Status: status of this artist
• Language: select language for this artist

3. Playlist management:

• Playlist Name: name of this playlist
• Category: choose category for this playlist
• Artist: choose artist for playlist, u can choose multi artist
• Ordering: ordering of this playlist
• ID: this field will be auto fill by component
• Hits:how many times users view this playlist
• Image: select image of this playlist
• Created: date when playlist was created
• Modified: date when playlist was modified
• Description: description of this playlist
• Status: status of this playlist
• Featured: set playlist is feature or not
• Language: select language for this playlist

4. Song management:

You have a list of songs with filters and functions (add new, edit, delete, publish, unpublish)

Edit song:

• Song Name: name of this song
• Author: author who created this song
• Category: select category of this song
• Playlist: select playlist of this song
• User upload: user who uploaded this song
• Ordering: ordering of this song
• ID: this field will be auto fill by component
• Hits:how many times users view this song
• Created: date when song was created
• Modified: date when song was modified
• Description: description of this song
• Status: status of this song
• Language: select language for this song
• Lyric: lyric of song

Media Source:

• Video: choose Yes if it is video, choose No if it is audio
• Source Type: choose type of source file. We have 3 options: upload file from your computer, link from other site, get file from folder
• Upload file from your computer: choose file for upload
• Link from other site: fill link of file from other site, support youtube link
• Get file from folder: select file from drop down list files in media/jmsmusic/tmp folder
• Lyric: lyric of song

5. Import/export CSV:

You should add some categories, artists, playlists and songs, then go to Export for getting good csv format

a. Export

b. Import

c. Upload Media File

you can use this part for upload multi file to /media/jmsmusic/tmp/ folder, then use Import function to importing songs. For big size files, you should use FTP for uploading.

I. Install JMS Bicycle 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 JMS Bicycle 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 information of store in this page, 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.

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

Please remove install folder of prestashop, then enjoy your store.

II. Install JMS Bicycle theme for current site:

Download JMS Bicycle 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_Bicycle.zip file what you downloaded above, then click Next button.

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 Bicycle is your default theme.

Go to Preferences - Images, you will see table size of images

Change large_default to width 500, height 533

Change thickbox_default to width 500, height 533

Change category_default to width 725, height 190

Change home_default to width 164, height 175

III. Configure modules of theme:

JMS Bicycle 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 Currency block,Jms Language block , Jms Search block .

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

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.

Please drag module JMS Drop mega menu from left side to HOOK_TOPNAV, drag module JMS Slideshow from left side to HOOK_SLIDESHOW

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

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

You can read more about JMS Drop mega menu here

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

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:

• Small image: choose image and upload it for this slide.
• Title: title of this slide.
• URL: link when click on read more link on slide.
• Description: description text of slide.

Step 1

Download package, unzip it you will have 2 plugins.

Please install plugins as normal, then go to plugin manager for enabling those plugins.

Step 2

How to set up weight,prices for product:

Go to Virtuemart-> Product tab, choose Taxes & Calculation Rules, add new

JMS Weight parameters

Click "Add Weight Customize" for adding rules

Example 1: As image example above, when user buy 2 or 3 kgs of product, user will get discount $1 for each kg, when user buy 4 or 5 kgs of product, user will get discount $2 for each kg, and when user buy from 6 kg of product, user will get discount $3 for each kg. You have 3 rules:

• 1.Min:2, Max:0, Overwrite value: 1
• 1.Min:4, Max:0, Overwrite value: 2
• 1.Min:6, Max:0, Overwrite value: 3

Example 2: when user buy from 2 to 4 kg of products, user get discount $2 for each kg; when user buy from 6 to 8 kgs oft product, user get discount $3 for each kg; and when user buy from 10 kgs of products, user get discount is $4 for each kg. You will add 3 rules like below:

• 1.Min:2, Max:4, Overwrite value: 2
• 1.Min:6, Max:8, Overwrite value: 3
• 1.Min:10, Max:0, Overwrite value: 4

All products in categories( what you selected to apply rules) will auto update rules for price. For special product, please edit it, choose JMS weight as image below:

Step 1

Download package , you will have a plugin.

You install plugin as normal, then enable it.

Step 2

How to use JMS Youtube for Virtuemart custom Plugin:

Go to Virtuemart component, then go to Custom fiels list, creat new with: Custom Field Type field is Plug-ins, Title field is "Embed youtube" , and Select a plug-in field is Vmcustom-JMSYoutube, other fields as default. Then click Save button for saving this custom field.

• Width: width of youtube video
• Height: height of youtube video
• Border width: width of border youtube video
• Border color: color of border youtube video
• Auto play: auto play or not
• Related videos: related videos
• Youtube title: show youtube title or hide
• Control bar: show control bar or hide
• Fade-out control bar: fade-out control bar or not
• Progress bar color: choose color for progress bar is red or white
• Youtheme: choose theme is dark or light

Edit a product, then go to Custom fields tab, you will see "Custom Field Type:" . Click on select list, then choose "Embed youtube", you will see that it adds embed youtube custom field to your product, click Save button.

• Show title: has many options are Show title, Custom title or No title
• Custom title: custom title
• Youtube video ID: ID of youtube video(not full url of youtube video)
• Youtube description: show description of youtube video

Fill information as you want, click Save button. After all, you can check your product at frontend

Step 1

Download package, you will have a plugin.

Please install plugin as normal, then go to plugin manager for enabling VM - Calculation Jms Quantity Related Price.

Step 2

How to set up quantity,prices for product:

Go to Virtuemart-> Product tab, choose Taxes & Calculation Rules, add new

JMS Quantity parameters

Click "Add Amount Customize" for adding rules

Example 1: As image example above, when user buy 2 or 3 products, user will get discount $2 for each product, when user buy 4 or 5 product, user will get discount $3 for each product, and when user buy from 6 products, user will get discount $4 for each product. You have 3 rules:

• 1.Min:2, Max:0, Overwrite value: 2
• 1.Min:4, Max:0, Overwrite value: 3
• 1.Min:6, Max:0, Overwrite value: 4

Example 2: when user buy from 2 to 4 products, user get discount $2 for each product; when user buy from 6 to 8 product, user get discount $3 for each products; and when user buy from 10 products, user get discount is $4 for each product. You will add 3 rules like below:

• 1.Min:2, Max:4, Overwrite value: 2
• 1.Min:6, Max:8, Overwrite value: 3
• 1.Min:10, Max:0, Overwrite value: 4

All products in categories( what you selected to apply rules) will auto update rules for price. For special product, please edit it, choose JMS quantity related price as image below:

Step 1

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

Please install component and plugin as normal, then go to plugin manager for enabling VMCustom - JmsColor plugin.

Step 2

How to set up colors,prices for product:

Login backend, edit product you want, upload all images you have for this product, you can buy JMS multi images upload for Virtuemart plugin, it allows you to upload multi images for each product at same time

For each color you want to use, please male a icon for it, upload to administrator/components/com_jmsvmcustom/assets/color_icons folder

Go to JMS-VM-Customize -> Colors. It has 4 default colors, u can create more, edit current or delete them as you want

Go to Virtuemart-> Product tab, choose Custom fields, add new custom field with name "Choose Color"( or what name you like), choose Type field is plugins, choose Yes for Cart Attribute field, and choose VMcustom - JMS color for Select a plug-in field, click Save

Go to product you want to add colors, choose Custom fields tab. Each time you click on Choose color from drop down list of Custom Field Type, system will add a color for you to this product, please choose color from list.

Now please go to JMS-VM-Customize -> Products, choose product what you just added colors for editting

You can add images and set addon price for each color as you want

Step 1

Download package , you will have a plugin.

You install plugin as normal, then enable it.

Step 2

How to use JMS Rich snippets for Virtuemart custom Plugin:

Go to Virtuemart component, then go to Custom fiels list, creat new with: Custom Field Type field is Plug-ins, Title field is "JMS Rich snippets" , and Select a plug-in field is JMS Rich snippets for Virtuemart, other fields as default. Then click Save button for saving this custom field.

Edit a product, then go to Custom fields tab, you will see "Custom Field Type:" . Click on select list, then choose "JMS Rich snippets", you will see that it adds JMS Rich snippets custom field to your product, click Save button.

After all, you can check your product at frontend

Step 1

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

Please install component and module as normal, then go to module for configuration.

Step 2

How to use JMS Ajax search for Virtuemart module:

• Categories: You can choose any categories of virtuemart here or leave blank for all
• Short Description length: Length of short description you want to display when load results
• Number of products: Number of results you want to display
• Show Image: Show image when load result or not
• Show short description: Show short description when load result or not
• Show price: Show price or not