PrestaShop Product Video Module – User Manual

Introduction

This module is basically an addon for PrestaShop Marketplace Extension. As we know that, Product details are the very crucial part of any product page on the eCommerce stores. Products details significantly affect the sales of any items on an eCommerce store. That is why we have implemented this Product Video addon for our marketplace where sellers and even admins can add product videos on their product pages. It allows sellers to present their products confidently with a real life product video that make the customers more confident about their your products.

This module will provide an interface and functionality to sellers as well as admins to embed their product pages with high-quality product videos from YouTube, Vimeo, and Daily Motion.

Steps for Installation

To install this addon, please follow the following steps:

1. Add the addon folder under modules folder of your system.

2. After adding this addon folder, system will list the addon on module page under “front office feature”category as given below:

Prestashop product video module- Installation | Knowband

3. Click install to install this Prestashop Social Network Addon.

Configure The Module

After installing the module you need to configure it for the first use on your site.

1. To configure the module you have to go to Modules and services and find the module in the list of modules installed on your site.

2. Click Configure option given at the right side of the module list .

3. After clicking the Configure option, a new window appears as given below.

Admin interfaces- Configure the module | Knowband

Enable/Disable: Click enables to use the module on your site.

Show Video on You can Select from the drop down list saying :

Product Footer: Select this option if you want to show your product video on the footer of your product(s) page.

Product Right Column: Select this option if you want to show your product video on the Right Column of the product page.

Choose Video Layout: Select the type of the layout or interface you want to show for your product video. A quick Preview of the layout is also shown above the options.

Product Video Box Title: Give a title for your product video box.

Custom CSS and Custom JS: Modify the Look and feel of the product video on the product page by giving your custom CSS and custom JavaScript.

You can do further configurations of the three video sharing platforms that are implemented on this module.

Configure YouTube

Click on YouTube Setting. The following window appear.

Admin interfaces- Configure youtube | Knowband

Show Video Title: Choose Yes if you want to show or hide the Video title on the product page.

Display Controls: Choose Yes if you want to show playback controls on the product video.

Display Related videos After Choose Yes, if you want to show the related videos after a particular video is finished playing.

Autoplay Videos: Choose Yes if you want to auto play the video once the product page is visited by a customer.

Configure Vimeo

Admin interfaces- Configure vimeo | Knowband

Show Video Title: Choose Yes if you want to show or hide the Video title on the product page.

Show Video By Line: Choose yes if you want to show all your videos from the particular product line by line.

Display Video Frame Border: Choose Yes, if you want to show the border of the video frame.

Autoplay Videos: Choose Yes if you want to auto play the video once the product page is visited by a customer.

Configure Daily Motion

Admin interfaces- Configure daily motion | Knowband

Enable end screen : Choose Yes to enable end screen option.

Display Controls: Choose to show the playback controls on the video.

Display Video Frame Border: Choose Yes, if you want to show the border of the video frame.

Autoplay Videos : Choose Yes if you want to auto play the video once the product page is visited by a customer.

Video Info: Choose Yes to enable the Video Information on the Product Video.

Menu Location

After module installation, a sub menu for Product Video will be displayed in each product upload or Product edit page as shown in below screen:

Admin interfaces- Menu location | Knowband

When admin will navigate to Catalog>>Products on PrestaShop Admin Pane and click Edit on any product listed there, then the system will open the above window. Here the admin can:

1. Edit the already Added product Video(s).

OR

2. Add a video to a new product.

1. When Admin wants to Edit the already Added product Video(s):

1. Navigate to Catalog>>Products using the PrestaShop menu tab

Admin interfaces- Menu location- Product | Knowband

2. After clicking Products, a new window appears with the list of products.

3. Select the product in which you want to update or add a new video. Click on Edit menu on the right side of the product listing.

Admin interfaces-Menu location-Edit menu | Knowband

4. A new window appears where you have to click on Product Video option given at the bottom of the menu. A list of products appears. Here you have to click on “edit” option to get to the product video upload page.

Admin interfaces- Menu location- Product video from | Knowband

Video Name: Give a name to your product video.

Video Type: Select the type of video you want to attach. (YouTube, Vimeo, or Daily Motion)

Video Code or Path or URL: Give the URL of the video. You can give the YouTube, Vimeo, or Daily Motion link of the video.

Upload Video Thumbnail: Upload a thumbnail that will be shown on the video link on the product page.

Default: If you want to add more than one video links then you can decide which video you want to play by default.

Status: Select the status of the video as YES or NO to enable or disable the video respectively.

NOTE: THIS MODULE IS ALSO COMPATIBLE WITH KNOWEBAND MARKETPLACE MODULE (v1.0.4) TO EDIT OR ADD NEW VIDEOS OF SELLER ADMIN CAN FOLLOW THE FOLLOEING STEPS.

1. Edit the already Added product Video(s).

OR

2. Add a video to a new product.

1. When Admin wants to add a new Video to a new product:

Follow all the steps as in the above section except in Step IV, you have to click on the Add new icon as given below in this screenshot below.

Admin interfaces- Menu location- Product videos listing | Knowband

The similar window appears as in Step IV. Fill all the details as specified in the previous section. Refer to the screenshot below for better understanding.

Admin interfaces- Menu location- Product video from | Knowband

Fill all the details and click Save to save your settings.

2. When Admin wants to Edit the already Added product Video(s):

I. Navigate to Sellers products using the Knowband menu tab

Admin interfaces- Menu location-Seller's product | Knowband

II. After clicking Sellers Products, a new window appears with the list of sellers products.

III. Select the product in which you want to update or add a new video. Click on View menu on the right side of the product listing.

Admin interfaces- Menu location- Products view | Knowband

IV. A new window appears where you have to click on Product Video option given at the bottom of the menu. A list of products appears. Here you have to click on “edit” option to get to the product video upload page.

Menu Location

After installation, a menu will be displayed to the seller in the product upload or product edit page as shown in below screen:

Seller Account interfaces- Menu location | Knowband

To add a new video the seller has to click on “Add New Video” option. A new Pop-up window appears as given below.

Seller account interfaces- Menu location-Add new video1 | KnowbandSeller account interfaces- Menu location-Add new video2 | Knowband

Video Name: The seller needs to give a name to the Product Video.

Video Type: Select the type of video is YouTube, Vimeo, or Daily Motion.

Video Code or URL: Give the link of the product video.

Upload Thumbnail: Upload Thumbnail image to show on the product page.

Default Video: If you are giving multiple Videos on a product, then you need to specify if your current video is to be shown as default video on the product page.

Status: Select the status as YES or NO to enable or disable the video.

Submit: Click submit to save your settings.

Menu Location

The Product video is shown to customer on a product page in two ways:

1. At the Footer, as shown in the screenshot below.

Customer interfaces- Menu location | Knowband

2. At the Right column of the product page as shown in the screenshot below:

Customer interfaces- Menu location-Product page| Knowband

Joe Parker

We boasts of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, and OpenCart. We also provide custom module development and customization services for the website and modules.

Leave a Reply

Your email address will not be published. Required fields are marked *