17. Add Video to Product Details
Please take a note, the last product update allows adding and using video clips in the Media Gallery of the Products.
The possibility to add video records to product details is available for the store(s) based on the Magento 2.x versions since the Magento of 1.x versions doesn't support such option!
In the updated version of Store Manager, there is the "Images and Videos" tab in the Products Lower Grid.
In Store Manager for store(s) with the older versions of Magento (till 2.x) this option is not available (see an example on the illustration below):
Firstly, after you opened the form to load product video, you should see the notification to enter YouTube API Key. This can be done from the Google account. Visit this page to get more details on getting an API key based on your Google credentials.
In order to activate a key and proceed with the video assigning, use the link shown on the illustration below:
It should lead to the Admin Panel of your store, i.e. Dashboard-> Stores-> Configuration->Catalog choose the same-named sector and find the Product Video area.
Enter an API key in the corresponding field and press the [Save Config] button to keep this entry.
We recommend you to [Flush Magento Cache] from the back-end office after the current action.
Once a key is accepted, the form in Store Manager will be updated (see an illustration below).
Now, you can insert an URL path to the video in the reelvant field.
Also, you have to fill in the rest of the fields:
- "Title" is a mandatory field. Indicate the name of the video record there.
- "Description" - indicate some information about the attached video.
- "Preview image" - assign an illustration to the product, preview it in the corresponding area.
< - Select key positions to display a picture on the store’s front-end: "Base", "Small", "Thumbnail", "Swatch"
< - Make the image visible on the Product page.
If you have installed the version of a flash player that supports this type of video records, you will be able to preview it in the right section of the form:
In other cases, please install the appropriate version of flash player. To do so, click the direct link, as shown on the illustration below:
To see whether a video you added was attached to a relevant product, click the [OK] button in the "Edit" form. This enables the sign in the "Media Gallery" tab, which indicates the added video.
There are two sub-tabs on the right pane of the current tab:
- "Image Preview" shows an illustration that has been assigned to the record
- "Video Preview". There is the possibility to start video recovering directly from the lower product's grid.
The additional information, which was indicated in the "Edit Video" form, is available under the record, as well.
The video can be previewed now on a Product page of the store. Select a product from the Products list and use the context menu to move to the front-end:
You can view the video after pressing the image of a product, as presented on the illustration below:
To edit video and related information in Store Manager, use the option on the toolbar menu: