YouTube Shorts Popup Video on OpenCart Product Page

The YouTube Shorts module adds full video support to your product page, allowing shoppers to not only view photos but also see the product in action. Simply enter the video ID and source (YouTube or Vimeo), and the module neatly displays the video alongside additional images and opens it in a pop-up gallery.

Purpose of the module

This solution is designed for OpenCart stores that want to increase trust and conversion on their product pages by featuring product reviews, unboxing videos, feature demos, or live product shots. The video is displayed in the same section where customers typically scroll through additional photos, eliminating the need for customers to search for it elsewhere in the description.

Key Features

• Add a video to a product directly in the admin panel in the "Video" tab.
• Supported sources: YouTube and Vimeo.
• Sorting videos by sort_order - you set the order in which they will be shown.
• Auto-substitution of previews:
  • YouTube: the cover is taken from the video ID.
  • Vimeo: uses the ID preview service.
• Opening a video in a gallery as an iframe (instead of an image) is handled correctly by YouTube/Vimeo.
• Automatic schema.org/VideoObject + JSON-LD markup for each video.

What data and operations does the module use?

The module creates and uses a video dataset associated with a product. When a product card is saved, it adds and clears records to ensure the video list always matches what you see in the admin panel.

Video fields

• product_id - Product ID.
• source - source: youtube or vimeo.
• url is actually the video ID (not the full link).
• sort_order - sort order.

Important: In the URL ID field, you must enter the video ID, not the entire link. Example: for the YouTube link https://www.youtube.com/watch?v=ABC123, enter only ABC123.

Benefits for the store

• More trust the video shows the product honestly and clearly.
• Fewer support questions the "how does it look/work?" part is covered by a video.
• Better SEO VideoObject markup (including JSON-LD) is added, which helps search engines more accurately understand page content.
• Consistent style the video looks like a gallery element and doesn't disrupt the card's design.

Application examples

The module is particularly well suited for product categories where display is important:

• Electronics - interface review, tests, comparisons;
• tools - display of work under load;
• clothing - video on models, fit and texture;
• children's products - assembly, functionality, safety;
• Furniture - overview of materials and parts, actual dimensions.

Recommendations for use

To ensure your video truly helps sales, rather than being just a tick-box exercise, follow these simple rules:

• Place 1-3 videos on key products: many videos are rarely watched to the end.
• First (sort_order = 0) make a video with the maximum benefit: review, demonstration, “how to use”.
• Choose videos with good cover art: the preview in the gallery is the "entrance" to viewing.
• If a product has multiple variations, include a video that clearly shows what exactly is being sold.