Features:<\/strong><\/h2>\n\n- Easy to install and configure.<\/li>\n
- There is no need to change codes for implementation.<\/li>\n
- Magento Product Video extension is highly customizable.<\/li>\n
- Adding video module allows showing video in different positions.<\/li>\n
- You can add videos from various platforms(YouTube, DailyMotion, and Vimeo).<\/li>\n
- Magento video upload allows adding multiple videos on a product page.<\/li>\n
- Magento extension offers autoplay video option.<\/li>\n
- Vimeo extension allows admin to show\/hide display controls.<\/li>\n
- The store admin can exclude Jquery files.<\/li>\n
- Adding video module is SSL enabled stores.<\/li>\n
- Dailymotion addon is multi-store compatible.<\/li>\n
- Product video upload is multi-lingual compatible.<\/li>\n<\/ul>\n
Installation<\/h3>\n
Follow the following steps for installing Product Video Module:<\/p>\n
\n- Download the extension package.<\/li>\n
- Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here<\/a>).<\/li>\n
- In Admin Panel go to \u201cSystem > Knowband Extensions<\/a> > Product Video\u201d.<\/li>\n<\/ul>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture1-7.png\")
<\/a><\/p>\n\n- That is all – Your system is ready.<\/li>\n<\/ul>\n
User Manual<\/h3>\n
This User Manual Guide users through the Admin Module\/Store Front settings and features of the Product Video Module.<\/p>\n
Admin Panel Settings<\/h3>\n
Admin Panel Settings contains the 4 tabs for settings.<\/p>\n
1. General Settings<\/h4>\n
The General Settings has following options:<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture2-7.png\")
<\/a><\/p>\n\n- Activate:<\/strong> Enables or Disables the plugin. Switch it on to enable the module.<\/li>\n
- Show Video On:<\/strong> Select the position of the video box to be shown in the product view page. There are two options to choose. Select \u201cProduct Footer\u201d if you want to show the video(s) near the footer area of the page and \u201cProduct Right Column\u201d option is to show the video(s) below the add to cart button at the right column in the product view page.<\/li>\n
- Video Box Title:<\/strong> Set the title of the video box in front. Leave it blank if you don\u2019t want to show any text in the header part of the module.<\/li>\n
- Include jQuery:<\/strong> This option allows us to include jQuery in our module so that the module can work for other versions of the Magento also.<\/li>\n<\/ul>\n
2. YouTube Settings<\/h4>\n
This tab is used to change the settings of the youtube videos shown in front. It has following options:<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/screenshot-pstest2.knowband.com-2018-02-19-17-15-08.png\")
<\/a><\/p>\n\n- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
3. Vimeo Settings<\/h4>\n
Vimeo Settings tab is used to change the settings for Vimeo videos. It has the following options:<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture4-8.png\")
<\/a><\/p>\n\n- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
4. Dailymotion Settings<\/h4>\n
Dailymotion video settings can be changed from here. It has following options:<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture5-8.png\")
<\/a><\/p>\n\n- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
Admin Panel Video Settings<\/h3>\n
Admin Panel Video Settings contains the following options\/features.<\/p>\n
1. Product Video Tab<\/h4>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture6-8.png\")
<\/a><\/p>\nWhen the module is enabled from the \u201cGeneral Settings\u201d tab in admin panel, the \u201cProduct Video\u201d tab is added in the options bar shown in the left panel of product edit page.<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture7-8.png\")
<\/a><\/p>\nWhen this tab is clicked a table is displayed. This table contains details of all the videos assigned to that product. We can add new videos, edit existing videos and delete them.<\/p>\n
2. Add Video<\/h4>\n
To add new video click on the \u201cAdd New\u201d button shown in the table head area. When we click this button, a new form openes where we have to fill the details of the new video. Add new video form has following fields:<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture8-7.png\")
<\/a><\/p>\n\n- Video Name:<\/strong> This is the name of the video that we are adding.<\/li>\n
- Video Type:<\/strong> Here we have to select the type of the video that we want to show in the front. If you want to show the YouTube video then you have to select the youtube option same for rest of the options.<\/li>\n
- Video Code:<\/strong> This is the most important data to show video in the front and should be filled very carefully. Video code is uniquely defined code for every video. You dont have to give the full URL of the video just give the right video type and copy the video code. Video code is taken by following way.<\/li>\n<\/ul>\n
Example –<\/h3>\n\n- For YouTube, if the video page URL is \u201chttps:\/\/www.youtube.com\/watch?v=LCohV07kSRi\u201d then the video code will be \u201cLCohV07kSRi\u201d.<\/li>\n
- For Vimeo, if the video page URL is \u201chttps:\/\/vimeo.com\/142220544\u201d , then the video code will be \u201c142220544\u201d.<\/li>\n
- For Dailymotion videos, if the page URL is \u201chttps:\/\/www.dailymotion.com\/video\/x2v0voc_micromax-yu-yuphoria-camera-review_tech\u201d, then the video code will be \u201cvideo\/x2v0voc_micromax-yu-yuphoria-camera-review_tech\u201d.<\/li>\n<\/ul>\n
Full URL of the video can also be given.<\/p>\n
\n- Show Video:<\/strong> This option is used to make a video visible or hide from the front. Switch this option to show the video in the front.<\/li>\n
- Default Video:<\/strong> Using this option we can make a video default video. The default video is shown first on the front. Only one video can be a default. Whenever we turn on this option and save the video, then all the other videos are set to \u2018not default\u2019 videos and the current video is set as default video.<\/li>\n<\/ul>\n
3. Edit Video<\/h4>\n
To edit a video details, click on the \u201cEdit\u201d link provided in the last of every table row. When we click on the \u201cEdit\u201d link a new page is opened. Edit page provides a form which is filled already by current values and we can change those values.<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture9-5.png\")
<\/a><\/p>\nEdit page has the same options as the add page but the only difference is that by default the values are filled in the Edit page.<\/p>\n
4. Delete and Mass Delete<\/h4>\n
These options provide the functionality to remove assigned video(s).<\/p>\n
If you want to remove only one video from the list, then go to the video table and click on the \u201cDelete\u201d link shown in the front of every row, the respective video will be deleted.<\/p>\n
If you want to remove\/delete multiple videos at a time then check the checkbox for the video that you want to remove and then click in the \u201cDelete Selected\u201d button to delete all the checked videos.<\/p>\n
These both actions cannot be undone.<\/p>\n
Store Front<\/h3>\n
If the module is enabled, and at least one video is active then the video box is shown on the product view page. The location of the box depends upon the settings given in admin panel.\u00a0The video box is not shown in following cases:<\/p>\n
\n- The product has no video assigned<\/li>\n
- Product has videos but no video is active<\/li>\n
- Module is disabled from the admin panel<\/li>\n<\/ul>\n
The module at the front-end appears as follows:<\/p>\n
Module at footer area.<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture10-6.png\")
<\/a><\/p>\nModule at the right column.<\/p>\n
![\"Magento](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/12\/Picture11-5.png\")
<\/a><\/p>\nFor more details:<\/p>\n
Module Link: https:\/\/www.knowband.com\/magento-product-video<\/a><\/p>\nWatch Video: https:\/\/www.youtube.com\/watch?v=U9AhCFH-b18&feature=youtu.be<\/a><\/p>\nAdmin Demo Link:<\/p>\n
Installation<\/h3>\n
Follow the following steps for installing Product Video Module:<\/p>\n
- \n
- Download the extension package.<\/li>\n
- Unzip the package on your root folder of Magento setup via FTP manager (like Filezilla or WinSCP – download here<\/a>).<\/li>\n
- In Admin Panel go to \u201cSystem > Knowband Extensions<\/a> > Product Video\u201d.<\/li>\n<\/ul>\n
<\/a><\/p>\n- \n
- That is all – Your system is ready.<\/li>\n<\/ul>\n
User Manual<\/h3>\n
This User Manual Guide users through the Admin Module\/Store Front settings and features of the Product Video Module.<\/p>\n
Admin Panel Settings<\/h3>\n
Admin Panel Settings contains the 4 tabs for settings.<\/p>\n
1. General Settings<\/h4>\n
The General Settings has following options:<\/p>\n
<\/a><\/p>\n- \n
- Activate:<\/strong> Enables or Disables the plugin. Switch it on to enable the module.<\/li>\n
- Show Video On:<\/strong> Select the position of the video box to be shown in the product view page. There are two options to choose. Select \u201cProduct Footer\u201d if you want to show the video(s) near the footer area of the page and \u201cProduct Right Column\u201d option is to show the video(s) below the add to cart button at the right column in the product view page.<\/li>\n
- Video Box Title:<\/strong> Set the title of the video box in front. Leave it blank if you don\u2019t want to show any text in the header part of the module.<\/li>\n
- Include jQuery:<\/strong> This option allows us to include jQuery in our module so that the module can work for other versions of the Magento also.<\/li>\n<\/ul>\n
2. YouTube Settings<\/h4>\n
This tab is used to change the settings of the youtube videos shown in front. It has following options:<\/p>\n
<\/a><\/p>\n- \n
- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
3. Vimeo Settings<\/h4>\n
Vimeo Settings tab is used to change the settings for Vimeo videos. It has the following options:<\/p>\n
<\/a><\/p>\n- \n
- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
4. Dailymotion Settings<\/h4>\n
Dailymotion video settings can be changed from here. It has following options:<\/p>\n
<\/a><\/p>\n- \n
- Autoplay Video(s):<\/strong> Switch on this option to make the videos play automatically whenever the product view page is loaded.<\/li>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
Admin Panel Video Settings<\/h3>\n
Admin Panel Video Settings contains the following options\/features.<\/p>\n
1. Product Video Tab<\/h4>\n
<\/a><\/p>\nWhen the module is enabled from the \u201cGeneral Settings\u201d tab in admin panel, the \u201cProduct Video\u201d tab is added in the options bar shown in the left panel of product edit page.<\/p>\n
<\/a><\/p>\nWhen this tab is clicked a table is displayed. This table contains details of all the videos assigned to that product. We can add new videos, edit existing videos and delete them.<\/p>\n
2. Add Video<\/h4>\n
To add new video click on the \u201cAdd New\u201d button shown in the table head area. When we click this button, a new form openes where we have to fill the details of the new video. Add new video form has following fields:<\/p>\n
<\/a><\/p>\n- \n
- Video Name:<\/strong> This is the name of the video that we are adding.<\/li>\n
- Video Type:<\/strong> Here we have to select the type of the video that we want to show in the front. If you want to show the YouTube video then you have to select the youtube option same for rest of the options.<\/li>\n
- Video Code:<\/strong> This is the most important data to show video in the front and should be filled very carefully. Video code is uniquely defined code for every video. You dont have to give the full URL of the video just give the right video type and copy the video code. Video code is taken by following way.<\/li>\n<\/ul>\n
Example –<\/h3>\n
- \n
- For YouTube, if the video page URL is \u201chttps:\/\/www.youtube.com\/watch?v=LCohV07kSRi\u201d then the video code will be \u201cLCohV07kSRi\u201d.<\/li>\n
- For Vimeo, if the video page URL is \u201chttps:\/\/vimeo.com\/142220544\u201d , then the video code will be \u201c142220544\u201d.<\/li>\n
- For Dailymotion videos, if the page URL is \u201chttps:\/\/www.dailymotion.com\/video\/x2v0voc_micromax-yu-yuphoria-camera-review_tech\u201d, then the video code will be \u201cvideo\/x2v0voc_micromax-yu-yuphoria-camera-review_tech\u201d.<\/li>\n<\/ul>\n
Full URL of the video can also be given.<\/p>\n
- \n
- Show Video:<\/strong> This option is used to make a video visible or hide from the front. Switch this option to show the video in the front.<\/li>\n
- Default Video:<\/strong> Using this option we can make a video default video. The default video is shown first on the front. Only one video can be a default. Whenever we turn on this option and save the video, then all the other videos are set to \u2018not default\u2019 videos and the current video is set as default video.<\/li>\n<\/ul>\n
3. Edit Video<\/h4>\n
To edit a video details, click on the \u201cEdit\u201d link provided in the last of every table row. When we click on the \u201cEdit\u201d link a new page is opened. Edit page provides a form which is filled already by current values and we can change those values.<\/p>\n
<\/a><\/p>\nEdit page has the same options as the add page but the only difference is that by default the values are filled in the Edit page.<\/p>\n
4. Delete and Mass Delete<\/h4>\n
These options provide the functionality to remove assigned video(s).<\/p>\n
If you want to remove only one video from the list, then go to the video table and click on the \u201cDelete\u201d link shown in the front of every row, the respective video will be deleted.<\/p>\n
If you want to remove\/delete multiple videos at a time then check the checkbox for the video that you want to remove and then click in the \u201cDelete Selected\u201d button to delete all the checked videos.<\/p>\n
These both actions cannot be undone.<\/p>\n
Store Front<\/h3>\n
If the module is enabled, and at least one video is active then the video box is shown on the product view page. The location of the box depends upon the settings given in admin panel.\u00a0The video box is not shown in following cases:<\/p>\n
- \n
- The product has no video assigned<\/li>\n
- Product has videos but no video is active<\/li>\n
- Module is disabled from the admin panel<\/li>\n<\/ul>\n
The module at the front-end appears as follows:<\/p>\n
Module at footer area.<\/p>\n
<\/a><\/p>\nModule at the right column.<\/p>\n
<\/a><\/p>\nFor more details:<\/p>\n
Module Link: https:\/\/www.knowband.com\/magento-product-video<\/a><\/p>\n
Watch Video: https:\/\/www.youtube.com\/watch?v=U9AhCFH-b18&feature=youtu.be<\/a><\/p>\n
Admin Demo Link:<\/p>\n
- Default Video:<\/strong> Using this option we can make a video default video. The default video is shown first on the front. Only one video can be a default. Whenever we turn on this option and save the video, then all the other videos are set to \u2018not default\u2019 videos and the current video is set as default video.<\/li>\n<\/ul>\n
- Show Video:<\/strong> This option is used to make a video visible or hide from the front. Switch this option to show the video in the front.<\/li>\n
- Video Type:<\/strong> Here we have to select the type of the video that we want to show in the front. If you want to show the YouTube video then you have to select the youtube option same for rest of the options.<\/li>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Display Video Frame Border:<\/strong> Check on this option to show the Frame border for the video.<\/li>\n<\/ul>\n
- Display Controls:<\/strong> When this option is switched on, then video controls are shown whenever the videos on the product view page are played.<\/li>\n
- Show Video On:<\/strong> Select the position of the video box to be shown in the product view page. There are two options to choose. Select \u201cProduct Footer\u201d if you want to show the video(s) near the footer area of the page and \u201cProduct Right Column\u201d option is to show the video(s) below the add to cart button at the right column in the product view page.<\/li>\n
- Activate:<\/strong> Enables or Disables the plugin. Switch it on to enable the module.<\/li>\n
- In Admin Panel go to \u201cSystem > Knowband Extensions<\/a> > Product Video\u201d.<\/li>\n<\/ul>\n