Content & Gallery
Models #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Models
The 3D models in this gallery. Each item has its own model file, poster image, caption and orientation. Camera, lighting, style and loader settings are shared by all slides (set them in the other tabs).
- Type
content-items
- Default
-
Not set
Look Preset #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Look Preset
Curated bundles of rotation, animation, camera and lighting settings, applied to every slide. Product Studio: slow turn, soft studio shadow, zoom off - clean e-commerce look. Hero Showcase: gentle float and slow counter-turn for landing pages. Technical Viewer: no motion, full camera freedom for inspection. Minimal: static, rotate-only, shadowless. NOTE: any preset other than Custom overrides the Rotation and Animation settings and the camera/lighting settings; switch back to Custom to control those manually. Items, layout (Style tab) and Loader are never overridden.
- Type
select
- Default
-
Custom (manual settings)
- Options
-
- Custom (manual settings)
custom
- Product Studio
product_studio
- Hero Showcase
hero_showcase
- Technical Viewer
technical_viewer
- Minimal
minimal
Model Loading #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Model Loading
Lazy (recommended): the first 3D file only downloads when the gallery scrolls near the viewport. Eager: start downloading immediately - use for above-the-fold hero galleries. Later slides always load on navigation (see Preload Next Model in the Gallery tab).
- Type
select
- Default
-
Lazy - load when near viewport (recommended)
- Options
-
- Lazy - load when near viewport (recommended)
lazy
- Eager - load immediately
eager
Navigation #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Navigation
How visitors move between models. Thumbnails uses each item's poster image as a clickable strip (items without a poster show a numbered button) and includes arrows.
- Type
select
- Default
-
Arrows + Dots
- Options
-
- Arrows + Dots
arrows_dots
- Arrows only
arrows
- Dots only
dots
- Thumbnails
thumbnails
Show Captions #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Show Captions
Display each item's title and caption text with the slide.
- Type
select
- Default
-
On
- Options
-
Caption Position #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Caption Position
This setting has no help text in the plugin.
- Type
select
- Default
-
Below the viewer
- Options
-
- Below the viewer
below
- Overlay (bottom edge)
overlay
Autoplay #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Autoplay
Advance to the next model automatically. Pauses while the visitor interacts with the model, and is disabled entirely for visitors with the OS-level reduced-motion preference.
- Type
select
- Default
-
Not set
- Options
-
Autoplay Interval (seconds) #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Autoplay Interval (seconds)
Time each model stays on screen before advancing. Remember each slide may need a moment to download first.
- Type
range
- Default
-
6
Preload Next Model #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Preload Next Model
After the current model finishes loading, quietly download the next item's file in the background so navigation feels instant. Turn off to save bandwidth on very large models.
- Type
select
- Default
-
On
- Options
-
Auto-generate Missing Thumbnails #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Content & Gallery › Auto-generate Missing Thumbnails
On by default. Only used when Navigation is set to Thumbnails: when a model has no Poster Image, the thumbnail strip button is filled with a snapshot rendered from the model itself (lazy, one at a time, cached for the visit) instead of a plain number. A real Poster Image is still lighter and usually looks better.
- Type
select
- Default
-
On
- Options
-
Motion
Auto-Rotate #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Auto-Rotate
This setting has no help text in the plugin.
- Type
select
- Default
-
On
- Options
-
Direction #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Direction
This setting has no help text in the plugin.
- Type
select
- Default
-
Clockwise
- Options
-
- Clockwise
cw
- Counter-Clockwise
ccw
Rotation Speed (deg / sec) #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Rotation Speed (deg / sec)
Higher = faster spin. 30 is a relaxed pace.
- Type
range
- Default
-
30
Auto-Rotate Delay (ms) #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Auto-Rotate Delay (ms)
How long after user stops interacting before rotation resumes.
- Type
number
- Default
-
0
Wrapper Animation #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Wrapper Animation
CSS animation applied to the whole gallery container.
- Type
select
- Default
-
Not set
- Options
-
- None
- Pulse
pulse
- Float
float
- Sway
sway
- Glow
glow
- Bounce
bounce
- Zoom Cycle
zoom
- Tilt
tilt
- Wobble
wobble
- Heartbeat
heartbeat
- Shake
shake
Animation Speed #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Animation Speed
This setting has no help text in the plugin.
- Type
select
- Default
-
Normal
- Options
-
- Slow
slow
- Normal
normal
- Fast
fast
Animation Intensity #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Animation Intensity
This setting has no help text in the plugin.
- Type
select
- Default
-
Medium
- Options
-
- Subtle
subtle
- Medium
medium
- Strong
strong
Glow Color #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Glow Color
Colour of the glow halo around the gallery. Default is a soft blue.
- Type
color
- Default
-
#6496ff
Glow Size #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Motion › Glow Size
Multiplier on the glow blur radius. 1 = default, 2 = twice as big, 0.5 = half as big. Combine with Animation Intensity (Subtle/Medium/Strong) for full control.
- Type
range
- Default
-
1
Camera & Lighting
Camera Controls #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Camera Controls
Allow the visitor to drag and zoom the models.
- Type
select
- Default
-
On
- Options
-
Interaction Prompt #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Interaction Prompt
Subtle hint that the model can be rotated by the user.
- Type
select
- Default
-
Auto
- Options
-
- Auto
auto
- When Focused
when-focused
- None
none
Allow Zoom #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Allow Zoom
Mouse-wheel and pinch-to-zoom interaction.
- Type
select
- Default
-
Not set
- Options
-
Allow Pan #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Allow Pan
Right-click drag (or two-finger drag) to pan the model.
- Type
select
- Default
-
Not set
- Options
-
Allow Rotate #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Allow Rotate
Click-and-drag to rotate. Note: turning this off snaps the camera to a front-facing view (theta 0deg, phi 75deg) and conflicts with Auto-Rotate (which animates the orbit). Disable Auto-Rotate too if you want a fully locked view.
- Type
select
- Default
-
On
- Options
-
AR Button (mobile) #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › AR Button (mobile)
Show "View in your space" button on supported mobile devices. Applies to the currently shown model.
- Type
select
- Default
-
Not set
- Options
-
Pause animation when interacting #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Pause animation when interacting
When on, the wrapper animation freezes the moment the user clicks or touches the model, so they can rotate/pan/zoom without the wrapper moving. Only meaningful when a Wrapper Animation is selected.
- Type
select
- Default
-
Not set
- Options
-
Resume after (seconds) #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Resume after (seconds)
How long to wait after the user stops interacting before resuming the wrapper animation. Range 0-60. Set to 0 to never auto-resume (animation stays paused until the page is reloaded).
- Type
range
- Default
-
4
Shadow Intensity #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Shadow Intensity
This setting has no help text in the plugin.
- Type
range
- Default
-
1
Shadow Softness #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Shadow Softness
This setting has no help text in the plugin.
- Type
range
- Default
-
1
Exposure #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Exposure
Brightness multiplier. 1 = neutral.
- Type
range
- Default
-
1
Environment Lighting #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Environment Lighting
Lighting that affects the models' surfaces, shared by every slide. Custom Color generates a real HDR (Radiance) file of the chosen colour - properly tints PBR materials including metals.
- Type
select
- Default
-
Neutral
- Options
-
- Neutral
neutral
- Legacy
legacy
- Custom Color
color
- None
Environment Color #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Environment Color
Tints the models evenly from all directions. Pair with Tone Mapping = Neutral or AGX for best results.
- Type
color
- Default
-
#cccccc
Environment Intensity #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Environment Intensity
How bright the environment is. The slider uses an exponential curve, so each step roughly doubles brightness: 3 = matte (LDR ceiling), 5 = noticeable, 7 = bright, 10 = studio-bright, 13+ = metallic-friendly. Models with metallic or rough surfaces typically need 10+. If your model still looks dark at 15, the issue is the model materials themselves, not this slider.
- Type
range
- Default
-
5
Show as Background #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Show as Background
When on, the chosen environment colour is also painted as the background of the model viewer. Most useful as a diagnostic ("is the environment even applying?") and for product-style scenes where the models should sit inside a coloured space rather than floating on a transparent background.
- Type
checkbox
- Default
-
0
Tone Mapping #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Camera & Lighting › Tone Mapping
This setting has no help text in the plugin.
- Type
select
- Default
-
Neutral
- Options
-
- Neutral
neutral
- AGX
agx
- Commerce
commerce
- Reinhard
reinhard
- Cineon
cineon
Style & Loader
Sizing Mode #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Sizing Mode
Fixed Height: classic responsive width with fixed pixel height. Aspect Ratio: canvas scales proportionally with the parent div. Fill Container: canvas matches the parent div's exact dimensions (parent must have a height set). One size applies to every slide so the page never jumps between models.
- Type
select
- Default
-
Fixed Height
- Options
-
- Fixed Height
fixed
- Aspect Ratio
aspect
- Fill Container
fill
Aspect Ratio #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Aspect Ratio
This setting has no help text in the plugin.
- Type
select
- Default
-
16:9 (widescreen)
- Options
-
- 16:9 (widescreen)
16/9
- 4:3 (classic)
4/3
- 3:2 (photo)
3/2
- 1:1 (square)
1/1
- 3:4 (portrait)
3/4
- 21:9 (cinematic)
21/9
- 9:16 (vertical)
9/16
- Custom
custom
Custom Aspect Ratio #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Custom Aspect Ratio
Format: width/height, e.g. 16/9, 5/3, 1.5/1.
- Type
text
- Default
-
16/9
Width #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Width
CSS width (e.g. 100%, 500px).
- Type
text
- Default
-
100%
Height #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Height
CSS height (e.g. 500px, 70vh).
- Type
text
- Default
-
500px
Background #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Background
This setting has no help text in the plugin.
- Type
select
- Default
-
Transparent
- Options
-
- Transparent
transparent
- Solid Color
solid
- Gradient
gradient
Background / Gradient Start #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Background / Gradient Start
This setting has no help text in the plugin.
- Type
color
- Default
-
#f5f5f5
Gradient End #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Gradient End
This setting has no help text in the plugin.
- Type
color
- Default
-
#dfdfdf
Border Radius #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Border Radius
CSS value (e.g. 8px, 24px, 50%).
- Type
text
- Default
-
0
Loader Style #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Loader Style
How to display the loading indicator while a model is downloading (shown on the first load AND on every slide change while the next model downloads). "Default" keeps the built-in thin top bar. The other options replace it with a centred indicator. "Lottie" lets you use a custom animation file.
- Type
select
- Default
-
Default (model-viewer top bar)
- Options
-
- Default (model-viewer top bar)
default
- Spinner (rotating ring)
spinner
- Pulse (pulsing dot)
pulse
- Dots (three bouncing dots)
dots
- Lottie animation
lottie
Loader Size #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Loader Size
Width and height of the loader in pixels. Range: 16-300 (default 80). For Lottie animations, this is the bounding box - the animation will fit inside.
- Type
range
- Default
-
80
Loader Color #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Loader Color
Colour of the spinner/pulse/dot strokes. Lottie animations have their own colours baked into the file, so this setting is ignored for Lottie.
- Type
color
- Default
-
#888888
Lottie Animation URL #
Where to find it
YOOtheme builder › Epic 3D: Gallery › Style & Loader › Lottie Animation URL
Direct URL to a .lottie or .json file. Upload via the Joomla media manager and paste the link here. Free Lottie files: lottiefiles.com (sign-up required for download). If empty or invalid, falls back to a CSS spinner so the loader is never blank.
- Type
text
- Default
-
Not set