UPG Gallery Demos

UPG Gallery Demos

Review each product in order to see the default gallery and focused overrides.

  1. UPG Demo – The Default That Sells – Baseline scroller gallery with bottom thumbnails, hover zoom, and lightbox enabled.
  2. UPG Demo – High-Detail Product – Left-aligned thumbnails, stronger zoom, and compact thumbs to emphasize closeups and overflow.
  3. UPG Demo – Fashion Variants – Grid layout with permanent hover selection for fast browsing, plus lightbox for inspection.
  4. UPG Demo – Self-Hosted Silent Loop – Silent autoplay loop on the frontend (autoplay is disabled in admin preview) followed by images.
  5. UPG Demo – Self-Hosted Video With Controls – User-initiated video with controls and audio, paired with a full image set.
  6. UPG Demo – YouTube Embed Controls – YouTube embed with start/end, playlist, and branding settings plus image gallery.
  7. UPG Demo – Vimeo Embed Options – Vimeo embed with DNT, quality, color, and background mode options using a video thumbnail.
  8. UPG Demo – Includes Spec Sheet – Spec sheet PDF slots into the scroller layout with images before and after.
  9. UPG Demo – Minimal Single Image – Single-image gallery with no zoom, lightbox, or hover interaction.
  10. UPG Demo – Hidden Items Fallback – Hidden items stay in admin preview; frontend skips them unless everything is hidden.
  11. UPG Demo – Scroller With Top Thumbnails – Scroller gallery with top thumbnails only, isolating top-rail behavior without grid layout changes.
  12. UPG Demo – Grid Mixed Video And Images – Grid layout that mixes a self-hosted video with images so mixed-media behavior can be checked outside scroller layouts.
  13. UPG Demo – Grid Images And PDF – Grid layout that inserts a spec-sheet PDF between images so document handling can be checked outside scroller mode.
  14. UPG Demo – Bottom Thumbnails With PDF – Bottom-thumbnail scroller with a PDF in the gallery, covering the most common thumbnail position for document-heavy products.
  15. UPG Demo – Left Thumbnails With Video – Left-aligned thumbnails with self-hosted video plus images, isolating side-rail behavior with moving media.
  16. UPG Demo – Right Thumbnails Image Reference – Right-aligned thumbnails with images only, isolating right-rail behavior without PDF-specific rendering mixed in.
  17. UPG Demo – Hidden Video Item Fallback – Visible images with a hidden self-hosted video slot, checking hidden-item behavior for moving media instead of images only.
  18. UPG Demo – Hidden PDF Item Fallback – Visible images with a hidden PDF slot, checking hidden-item behavior when document media is part of the gallery plan.
  19. UPG Demo – Inline-Only Multi Item – Multi-item gallery with zoom and lightbox disabled so inline-only navigation can be tested on a real gallery, not a single-image edge case.
  20. UPG Demo – Scroller Permanent Hover – Scroller layout with permanent hover selection, separating hover-mode behavior from the existing grid-based permanent-hover demo.