The Freedom theme includes a robust media gallery that supports high-resolution images, videos, and 3D models. These features are designed to provide an immersive shopping experience.
Zoom & Lightbox
To allow customers to examine product details closely, ensure Open lightbox on image click is enabled in the Product media gallery block settings.
-
Desktop: Clicking an image opens a full-screen overlay (lightbox). Users can use their mouse wheel to zoom in further.
-
Mobile: Tapping an image opens the lightbox, supporting pinch-to-zoom gestures.
Video Playback
You can upload videos or embed links from YouTube/Vimeo directly to your product media.
-
Autoplay: When Enable media autoplay is checked, videos will start playing automatically when they slide into view. Note: Autoplaying videos are muted by default to comply with browser privacy policies.
-
Looping: Enable Enable video looping to have the video repeat indefinitely.
-
Controls: You can check Hide video controls for a cleaner look. If controls are hidden, we recommend enabling Autoplay so the user can see the content.
3D Models (AR)
The theme natively supports Shopify's 3D model files (.glb or .usdz).
When a 3D model is present, a "View in your space" button (XR button) automatically appears on supported mobile devices. This allows customers to use Augmented Reality (AR) to place your product in their room using their phone camera.
Variant Image Grouping
The Reorder or slide to selected variant image setting improves the user experience for products with many variants (e.g., different colors).
How it works:
When a customer selects a variant option (e.g., clicks the "Red" swatch), the gallery automatically slides or scrolls to the specific image associated with that red variant.
- Setup: Ensure you have assigned images to your variants in the Shopify Admin > Products area.