Categories

Featured templates

OpenCart 2.x. How to manage product video

Template-help.com Team April 20, 2016
Rating: 5.0. From 3 votes.
Please wait...

Our Support team is ready to present you a new tutorial that will show you how to manage product video in OpenCart 2.x templates.

OpenCart 2.x. How to manage product video
  1. On the following screenshot you can see the default location of the product video at your website based on OpenCart 2.x engine:

    opencart_2.x._how_to_manage_product_video1
  2. First of all, navigate to product settings in your OpenCart admin panel (Products > Edit product):

    opencart_2.x._how_to_manage_product_video2
  3. The video frame is located in the Description field of the opened page. In order to change it, click Code view button:

    opencart_2.x._how_to_manage_product_video3
  4. The code to change usually looks like this:

    <iframe src="//www.youtube.com/embed/SjHyZbL_Qns?rel=0&controls=0&showinfo=0&wmode=transparent" allowfullscreen="" height="315" width="560"></iframe>
    opencart_2.x._how_to_manage_product_video4
  5. Upload your video to YouTube or pick an existing one. Click on the Share button under the video and the select the Embed tab:

    opencart_2.x._how_to_manage_product_video5
  6. Copy the whole block of code that you located in the Embed tab, e.g.:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/VQou5h0Zh2k" frameborder="0" allowfullscreen></iframe>

    and replace the code you have in your product description field:

    opencart_2.x._how_to_manage_product_video6
  7. Also, remove the "https:" part of code from the description field. Finally, the code should look this way, for example:

    <iframe width="560" height="315" src="//www.youtube.com/embed/VQou5h0Zh2k" frameborder="0" allowfullscreen></iframe>
    opencart_2.x._how_to_manage_product_video7
  8. Click on the Save button in the product settings. Refresh your website and check your newly added product video:

    opencart_2.x._how_to_manage_product_video8 opencart_2.x._how_to_manage_product_video9

This is the end of the tutorial. Now you know how to manage product video in OpenCart 2.x templates.

Feel free to check the detailed video tutorial below:

OpenCart 2.x. How to manage product video
Premium OpenCart Themes
This entry was posted in OpenCart Tutorials and tagged opencart, product, video. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.