If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

OpenCart 2.x. How to manage product video

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