GoDAM’s Product Reels feature is a built-in feature of its WooCommerce integration that lets you showcase product videos in a carousel layout on the single product page. It works seamlessly on the frontend without requiring an API key and is available for free.

Quick Start Guide

Upload Your Videos: Go to any WooCommerce product and upload videos via the “Video Gallery” metabox. Ensure videos are transcoded for thumbnails to appear.
View the Product: Click the product page link to open it on the frontend and experience the complete Product Reels.

Backend Setup – Adding Videos to Products

Create a new product or edit an existing one in WooCommerce.
In the product editor, locate the ‘Video Gallery’ side metabox.
Click , to Upload Videos.
Click Update/Publish after managing your gallery setup.

Note: Transcoded videos with selected thumbnails will show thumbnail previews on video tiles.

Remove Product Reels

By default, the Product Reels (video slider) is automatically rendered on single product pages.

If you prefer not to display it, you can disable it using the filter hook rtgodam_display_video_slider_to_single_product.

Filter Hook:

/**

* Filter: rtgodam_display_video_slider_to_single_product

*

* Allows developers to control whether the Product Reels is displayed.

*

* @param bool $display Whether to display the Product Reels.

* Default: true (display enabled).

*

* Usage:

* – Return true → Display the story (default).

* – Return false → Hide the story.

*/

apply_filters( ‘rtgodam_display_video_slider_to_single_product’, true );

Example Usage:

/**

* Completely disable the Product Reels on all single product pages.

*

* @param bool $display Current display status.

* @return bool Always false to disable the story.

*/

add_filter( ‘rtgodam_display_video_slider_to_single_product’, function( $display ) {

return false;

});

/**

* Conditional Display by Category

*

* Hide the Product Reels for products in the “special-category”.

* Keep it visible for all other products.

*

* @param bool $display Current display status.

* @return bool Modified display status based on category.

*/

add_filter( ‘rtgodam_display_video_slider_to_single_product’, function( $display ) {

// Only run on single product pages to avoid unnecessary checks.

if ( is_product() && has_term( ‘special-category’, ‘product_cat’ ) ) {

return false; // Hide for products in “special-category”.

}

return $display; // Default behavior for all other products.

});

Notes on Applying the Filter

Where to add the code:
- Place the add_filter() code in your theme’s functions.php file or in a custom plugin.
Return value:
- Return true → Display the Product Reels (default behavior).
- Return false → Hide the Product Reels.
Conditional control:
- You can add conditions to show/hide the story for specific products, categories, or user roles.

Customization Options

Theme Integration

The gallery automatically adapts to your WordPress theme’s styling:

Color Schemes: Inherits your theme’s color palette
Typography: Matches your theme’s font choices
Spacing: Consistent with your theme’s layout patterns
Responsive Breakpoints: Aligns with your theme’s mobile responsiveness

Custom CSS Classes and Variables

Each gallery element includes CSS classes and variables for easy customization:

Target specific layouts, columns, or video items
Override default styling to match your brand
Add custom animations or hover effects
Integrate with your existing design system

Troubleshooting – Common Issues and Solutions

Videos Not Loading Properly

Possible Causes:

Slow internet connection
Server performance issues
Too many videos loading at once
JavaScript conflicts with other plugins

Solutions:

Reduce the number of videos displayed initially
Disable other plugins temporarily to test for conflicts
Contact your hosting provider about server performance
Try using the Load More button instead of infinite scroll

Gallery Layout Problems