NextGen NivoSlider vs Video Gallery for WooCommerce – Add Product Video & Featured Video

NextGen NivoSlider allows you to create a NivoSlider as a widget or with a shortcode. This plugin uses the ‘NextGen Gallery’ plugin to obtain the images using tags or gallery IDs. NivoSlider is a great responsive image slideshow that is highly customizable. With a large array of effects and many additional options you are sure to find a combination that will suit your website. Requirements: NextGen Gallery Plugin Features: NextGen NivoSlider has been completely overhauled and is continually being added to. It currently supports all the of NivoSlider’s original functions and even has some extra’s! Responsive! Fully integrated with NextGen gallery Theme support Automatic URL linking (put a mailto:, http://, ftp:// or local / into your alt text) Extra effect(s) Shortcode and Widget support Touchscreen support (experimental) Parameters: You can use the following parameters in the [ngg-nivoslider] shortcode. Defaults, where applicable, are shown between parentheses (), available options between brackets []. title: Title for slider. Leave blank for no title. (ex: title=”My Slider”) gallery: Leave blank to use all galleries or choose a gallery to use. (ex: gallery=”galleryid”) order [random”|”asc”|”desc”|”sortorder”]: Order to display results in. You can choose; Random, Latest First, Oldest First, or NextGen Sortorder. Random will still work when a page is cached. (ex: order=”random”) tags: comma separated list of tags to filter results by. (ex: tags=”tag1, tag2″) shuffle [boolean]: If order is random and this is true will shuffle images with javascript. Useful if your are caching your pages. (ex: shuffle=”true”) max_pictures: The maximum amount of pictures to load. (ex: max_pictures=”6″) html_id (“slider”): HTML id to use. Defaults to ‘slider’. Needs to be different for multiple sliders on same page. (ex: html_id=”custom-slider”) width: Width to use on slider. (ex: width=”200″) height: Height to use on slider. (ex: height=”150″) center: Centers content in container. Requires width to be set. (ex: center=”1″) resize: Resizes the images using TimThumb(v2). Available options are: (ex: resize=”3″) 1 – Resize to Fit specified dimensions (no cropping) 2 – Crop and resize to best fit the dimensions (default) 3 – Resize proportionally to fit entire image into specified dimensions, and add borders if required 4 – Resize proportionally adjusting size of scaled image so there are no borders gaps resizewidth: The width TimThumb will use to resize the image (sc: resizewidth=”800″) resizeheight: The height TimThumb will use to resize the image (sc: resizeheight=”600″) resizebg (“ffffff”): The color (denoted in hex) to use for the borders that are generated when using resizing option 3 (ex: resizebg=”a0fb69″) caption [“alttext”|”description”|”both”]: Show a caption with the slide, showing either the alttext or description as set up in NextGen gallery or both as “Bolded AltText – Description” htmlcaption: HTML formatted caption to show on all images (ex: htmlcaption=”Title Welcome to this website“) showgallerytitle [boolean]: Display the gallery title (ex: showgallerytitle=”true”) showgallerydesc [boolean]: Display the gallery description (ex: showgallerydesc=”true”) Nivo slider settings: Please check the NivoSlider website for more details. effect: What effect to use as transition. You can specify sets like: ‘fold,fade,sliceDown’. See list below for available effects.(ex: effect=”sliceDown,sliceUp”) slices: The amount of slices to divide the image to for the slice effects(ex: slices=”3″) boxCols: Amount of columns to split the image into for the box effects (ex: boxcols=”10″) boxRows: Amount of row to split the image into for the box effects (ex: boxrows=”8″) animSpeed: Slide transition speed in milliseconds (1000ms = 1 second). (ex: animspeed=”300″) pauseTime: Time to pause in milliseconds (1000ms = 1 second) before continueing to the next image (ex: pausetime=”5000″) startSlide: Set starting Slide. It’s 0-index so use 0 for the first slide. (ex: startslide=”3″) directionNav [“true”|”false”]: Whether to display the Next & Prev controls or not. (ex: directionnav=”true”) controlNav [“true”|”false”]: 1,2,3… (ex: controlnav=”setting”) controlNavThumbs [“true”|”false”]: Use thumbnails for Control Nav if set to true. (ex: controlnavthumbs=”true”) thumbsWidth: Resize thumbnail to this width. Recommended to set if using thumbnails. (ex: thumbswidth=”20″) thumbsHeight: Resize thumbnail to this height. Recommended to set if using thumbnails. (ex: thumbsheight=”20″) thumbsContainerHeight: Height for thumbnails container. Calculation should be ‘number of thumbnail image rows’ x ‘thumbsheight’. (ex: thumbscontainerheight=”20″) thumbsGap: Gap between thumbnails. (ex: thumbsgap=”5″) controlNavThumbsFromRel: Use image rel for thumbs. (ex: controlnavthumbsfromrel=”setting”) controlNavThumbsSearch: Replace this with… (ex: controlnavthumbssearch=”setting”) controlNavThumbsReplace: …this in thumb Image src. (ex: controlnavthumbsreplace=”setting”) keyboardNav: Use left & right arrows. (ex: keyboardnav=”setting”) pauseOnHover: Stop animation while hovering. (ex: pauseonhover=”setting”) manualAdvance: Force manual transitions. (ex: manualadvance=”setting”) prexText: Text to display for previous (ex: prevtext=”prev”) nextText: Text to display for next (ex: prevtext=”next”) randomStart [“true”|”false”]: Start with a random slide (ex: randomstart=”true”) captionOpacity: Universal caption opacity. (ex: captionopacity=”setting”) disableCaptions: (ex: disablecaptions=”1″) beforeChange: (ex: beforechange=”setting”) afterChange: (ex: afterchange=”setting”) slideshowEnd: Triggers after all slides have been shown. (ex: slideshowend=”setting”) lastSlide: Triggers when last slide is shown. (ex: lastslide=”setting”) afterLoad: Triggers when slider has loaded. (ex: afterload=”setting”) Nivo Effects: random sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold foldReverse fade slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse Shortcode examples: [ngg-nivoslider html_id=”about-slider”] [ngg-nivoslider title=”Hello” gallery=”1″ html_id=”about-slider” width=”200″ height=”150″ center=”1″] [ngg-nivoslider html_id=”about-slider” directionnav=”false” controlnav=”false”] [ngg-nivoslider tags=slideshow order=”random” effect=”fade” shuffle=”true” max_pictures=”12″ html_id=”slider” resizebg=”fdfdfd” resizewidth=”900″ resizeheight=”620″ resize=”3″ center=”1″ directionNav=”false” controlNav=”false” pauseTime=”10000″ animSpeed=”1000″ pauseOnHover=”false”] To do Feel free to suggest new features or things you’d like to see in this plugin! Create some extra themes. Scrollable thumbnails?

Video Gallery for WooCommerce is a simple video gallery plugin for WooCommerce stores. It lets you add a product video or featured video to any WooCommerce product gallery in seconds. No code, no shortcodes, no theme edits. Pick any clip from the WordPress media library. The video shows up right next to your product images, inside the WooCommerce product gallery. Set autoplay, sound, and loop. Show or hide the video controls. WooCommerce must be active for the plugin to work. Upgrade your product pages today with Video Gallery for WooCommerce! 🚀 Looking for more features? Check out our PRO version with YouTube integration, unlimited videos, custom SVG icons, SEO optimization, video analytics, sticky video on scroll, and priority support! Product Video Gallery Features Turn every WooCommerce product gallery into a product video gallery. Add an MP4 or MOV product video from the WordPress media library. Drag and drop to reorder your clips. Shoppers see the item in motion, right next to the product images. Featured Video for WooCommerce Products Use any uploaded clip as a featured video for your WooCommerce products. The featured video plays inside the product gallery through the built-in VideoJS player. It works smoothly on desktop and mobile. You control autoplay, mute, and loop for each product. WooCommerce Product Gallery Integration Video Gallery for WooCommerce plugs into the native WooCommerce product gallery. It also supports the new WooCommerce Product Gallery Block. No gallery rebuild. No shortcodes. Install the plugin, add a product video, and you are live. Key Features Add video files from the WP library to your product pages Pick the video thumbnail by choosing any frame, or upload your own image Move videos around on the product page to your desired position Customize the video file icon and color Choose autoplay, sound, and loop options for video clips Show or hide video control options for a more personalized playback experience Enhance user engagement on your product pages with visually engaging video content Customize your video gallery to match your brand’s aesthetic Manage your media library with ease Increase conversions by showcasing your products with multimedia content Compatible with WooCommerce for seamless integration with your online store FREE Version Limitations: * Limited to 20 products with video * Limited to 2 videos per product * WordPress Media Library videos only (no YouTube support) * Basic video icons only * Basic thumbnail generation * Basic SEO video * No analytics 🚀 Upgrade to PRO Version: Get access to advanced features including up to 6 videos per product, YouTube integration, custom SVG icons, optimized thumbnails, SEO settings, video analytics, and premium support! PRO Version Features: * Unlimited products with video * Up to 6 videos per product – Showcase products from multiple angles * YouTube video integration – Embed videos directly from YouTube * Custom SVG icons – Use your own brand icons * Optimized thumbnails – Automatic thumbnail generation * SEO settings – Custom titles and descriptions per video * Video Analytics (Basic) – Track video views and watch time per product (Single Site plan) * Video Analytics (Advanced) – Device charts, engagement metrics, location analytics, browser/OS tracking, heatmap visualization, and CSV export (Multiple & Unlimited plans, or Advanced Analytics Add-on) * Sticky video on scroll – When the active gallery slide leaves the viewport, the video stays visible in a small floating player anchored to the corner of your choice (top-left, top-right, bottom-left, bottom-right). Adapts to the source video’s aspect ratio so the whole frame is always visible. * Premium support – Priority email support Purchase PRO Version The helper libraries plugin uses the following: FontAwesome v6.6.0 SweetAlert2 v11.4.8 VideoJS v7.15.4 Requirements WooCommerce must be installed and activated. Install it first if you do not have it. Video files must be in a WordPress-supported format. MP4 and MOV work best. The plugin works with the default WooCommerce templates. We add extra support for known themes. If your theme breaks, contact support and we will check if we can make it compatible. Videos Watch Video Gallery for WooCommerce in action and see how to add a product video to your WooCommerce product gallery: