Feat: WooCommerce-GoDAM Integration#1617
Merged
subodhr258 merged 345 commits intodevelopfrom Apr 17, 2026
Merged
Conversation
…n-css-fixes WooCommerce Product Gallery & Video UI Fixes for Mobile and Desktop
…n-product-gallery-fixes WooCommerce Integration: Sidebar Enhancements & Mini Cart UI Update
- Fix Open Photo slider issue for featured video gallery - Fix empty video id issue in thmbnails gallery for featured video gallery - Fix CSS for single product story
…n-product-gallery-fixes WooCommerce Integration fixes:
- Fix the styling issue of featured video image on Open Swipe Modal - Fix position of close button for video popup on mobile screens for Product Gallery Block - Add ellipsis for product name in sidebar of Product gallery block if it exceeds 1 line
…ce-godam-integration-product-gallery-fixes
…n-product-gallery-fixes Woocommerce Integration fixes
…for transcoded videos
… feat/woocommerce-css-fixes-transcoded
…oded Add Support for close button's position in Single Product Page Story
Responsive UI issues on mobile for product card and video modal
Update is_transcoded logic in video gallery class to use transcoded URL check
Adjust position of share button in video gallery modal
…de clarity based on feedback
- integrate godam_video shortcode in gallery slides - replicate woo gallery attributes for video compatibility - add data attributes for video identification - implement thumbnail alt extraction with fallback logic - patch WooCommerce lightbox to support video slides - fix broken video rendering in product gallery - add styles for the product gallery
Remove query param; pass directly to the godam_video shortcode as-is - Add query param that sets --godam-video-bg-color CSS variable on the .godam-video-embed wrapper; consumed by .video-js in godam-video-embed.scss (falls back to #000) - Remove CommentBox/engagement modal rendering in godam-video-embed.js - - Fix .godam-video-embed layout: use 100dvh for figure/container height, remove hardcoded background-color from wrapper
…o cart (#1733) * fix: ensure WooCommerce cart store availability before adding items to cart * fix: Add to cart seamless UX in Video without redirection * fix: Address copilot comments --------- Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com> Co-authored-by: Subodh Rajpopat <subodh.rajpopat@rtcamp.com>
Remove: Reel pops block and product metabox support
* Revamp the product gallery block's autoplay behavior - Add 'Show Play Button' block setting to toggle play icon overlay on idle videos - Hide play icon automatically on the actively autoplaying item via CSS class - Fix first video not autoplaying when autoplay is enabled - Fix 'media could not be loaded' error caused by improper native video.load() call - Prevent videos from fetching network data (HLS/DASH segments) when off-screen * Fix the autoplay hover behaviour for autoplay false * Fix: mute video autoplay in product gallery * Fix: enable play button visibility in product gallery and add global resize event listener * Fix: update autoplay behavior for carousel layout in video product gallery * Fix: conditionally render play icon in video product gallery based on showPlayButton state * Fix: enhance video product gallery placeholder and play icon styles * Fix: add showPlayButton context to video product gallery and edit component * Fix: refine autoplay behavior for grid and carousel layouts in video product gallery --------- Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com>
- fix: prevent fullscreen exit crashes with safe API checks and fallbacks - fix: avoid recursive click triggering with re-entrancy guard - refactor: replace innerHTML with safe DOM element creation - refactor: scope mini-cart click listener to player container - fix: add cleanup for event listener on player dispose - improve: enhance cross-browser fullscreen handling (iOS + WebKit)
- fix: correctly scope mini cart to each player to prevent cross-instance DOM movement - feat: monitor Woo drawer state and auto-remove fullscreen return CTA on close
* Remove query mode support from Video Product Gallery block - Remove count, categories, and products attributes from block.json - Remove query-related state, effects, preview rendering, and inspector panels (Source toggle, Query Settings) from edit.js - Simplify render.php by removing query helper functions (godam_vpg_get_query_limit, godam_vpg_get_matching_product_ids) and query branch in godam_vpg_build_gallery_items - Remove /videos REST endpoint and get_videos_by_products method from Product_Gallery_Rest - Remove query mode editor styles from editor.scss - Retain mode attribute with default handpicked for future extensibility * Resolve copilot comments --------- Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com>
* Revamp the product reels feature by removing all the unwanted video iteraction Make the product reels autoplay by default, with zero interaction on video * Add the the product reels carousel iteractivity * Remove video carousel functionality and associated styles from WooCommerce integration * Update asset versioning for product reels and adjust button types in video gallery * Add woocommerce context to remove GoDAM layers from video * Enhance product reels feature with sequential autoplay and improved navigation controls * Resolve copilot feedbacks * Implement maximum video limit for product reels and resolve copilot feedbacks * Add warning notice when product reels video limit is reached * Improve product reels autoplay: skip auto-scroll when next video is already in view and switch playback when active video exits viewport --------- Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com>
Fix: Mini Cart in Fullscreen
Feat: Add support for videos in WooCommerce product gallery
…1796) Remove videoUrl, videoThumbnail, videoTitle, productName, productPrice, and productImage from persisted block attributes. Only videoId and productId are stored now. Video display data is derived from the core media store via useSelect, and product details are fetched from the WC Store API on each load. This ensures the editor always shows up-to-date information without stale cached values in block markup. Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com>
- Refactor spinner rendering using DOM instead of innerHTML - Add reusable SVG spinner with improved animation and styling
* feat: Enhance GoDAM media selection by supporting multi-select and adding virtual attachment handling for product galleries, products reels, and product reel pops meta boxes * feat: Add virtual attachment handling for GoDAM videos in Reel Pops block * fix: Enhance virtual attachment handling in GoDAM Reel Pops block to prevent cross-block interference * fix: Prevent default media selection logic for GoDAM virtual attachments in video and gallery frames * fix: Refactor media selection logic to use apiFetch for creating virtual attachments and handle errors gracefully * fix: Apply feedback * Revert "fix: Apply feedback" This reverts commit 89b37e4. --------- Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com> Co-authored-by: Subodh Rajpopat <subodh.rajpopat@rtcamp.com>
Fix: product hotspot spinner
rtBot
previously requested changes
Apr 16, 2026
Contributor
rtBot
left a comment
rtBot
left a comment
There was a problem hiding this comment.
Code analysis identified issues
action-phpcs-code-review has identified potential problems in this pull request during automated scanning. We recommend reviewing the issues noted and that they are resolved.
phpcs scanning turned up:
🚫 1 error
Powered by rtCamp's GitHub Actions Library
Co-authored-by: KMchaudhary <kuldipkumar.chaudhary@rtcamp.com>
Remove dead code from WooCommerce integration
* fix: Address copilot woo feedback * fix: Remove dead code * fix: Remove dead code
subodhr258
approved these changes
Apr 17, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR introduces Video Commerce Capabilities with GoDAM-WooCommerce Integration by making product videos more interactive, shoppable, and engaging. With this release:
WooCommercelayer.These features work together to improve customer engagement and conversion rates, making it easier for shoppers to view, interact with, and purchase products directly from videos.
Technical Implementation
1. WooCommerce Layer
woo) Layer added in the interactive video layer editor.- CTA appears at configured timestamps during video playback.
- Clicking CTA redirects to product page or uses direct add-to-cart URL.
2. GoDAM Product Gallery Block
[godam_product_gallery products="123,124"].- Grid or carousel layout.
- Different View Ratios of video.
- Customize different aspects of the block and video.
- “Buy Now” CTAs and timestamp-based highlights.
3. GoDAM Single Product Page Story Carousel
woocommerce_after_single_product_summary.-
Swiper.js-poweredcarousel for a story-like experience.- CTA buttons with optional interactive overlays.
4. Featured Video Gallery on single Product Page
Testing & Compatibility
Attached Issues
Closes: #305, #306, #307, #634
Frontend Screenshots
WooCommerce Layer
GoDAM Product Gallery Block
GoDAM Single Product Page Story Carousel
Featured Video Gallery on single Product Page