The starting frame determines which image your 360° view displays when it first loads. This setting allows you to showcase your product’s best angle or most important feature right from the start.
Starting Frame Settings
Frame Selection
- Manual Selection: Choose any frame from 1 to your total frame count
- Current Frame: Set starting frame to the currently displayed frame
- Default: Frame 1 (first image in sequence)
Load Behavior
- Instantly: 360° view loads immediately when page loads
- On Click: 360° view loads when user clicks the viewer
- On Hover: 360° view loads when user hovers over the viewer area
Loading Options
- Loading Percentage: Show or hide loading progress indicator
- Quality Settings: Control initial image quality for faster loading
- Chunk Size: Optimize loading performance for different connections
When to Use Different Starting Frames
Frame 1 (Default)
- Best For: Most products, standard presentation
- Advantage: Consistent starting point
- Use Case: General e-commerce, product listings
Key Product Angle
- Best For: Highlighting main features
- Examples: Front view of clothing, logo side of electronics
- Advantage: Immediate visual impact
Branded Angle
- Best For: Products with prominent branding
- Examples: Logo placement, signature features
- Advantage: Reinforces brand recognition
Problem-Solving Angle
- Best For: Addressing common concerns
- Examples: Back view of clothing, underside of products
- Advantage: Builds confidence in purchase decision
Load Behavior Options
Instantly
- Best For: Fast-loading pages, premium products
- Advantage: Immediate engagement
- Consideration: May slow initial page load
On Click
- Best For: Performance optimization, data-conscious users
- Advantage: Faster initial page load
- User Experience: Requires user interaction to activate
On Hover
- Best For: Balanced approach, preview functionality
- Advantage: Quick preview without full commitment
- User Experience: Natural interaction pattern
Loading Optimization
Quality Settings
- High Quality: Best visual experience, slower loading
- Medium Quality: Balanced performance and quality
- Low Quality: Fastest loading, acceptable quality
Chunk Size
- Small Chunks: Better for slow connections
- Large Chunks: Better for fast connections
- Auto: Automatically adjusts based on connection speed
Loading Indicator
- Show Percentage: Helps users understand loading progress
- Hide Indicator: Cleaner interface, less visual clutter
- Custom Indicator: Branded loading experience
Mobile Considerations
Touch Interaction
- Touch to Load: Natural mobile interaction
- Hover Alternative: Tap to preview on mobile
- Performance: Optimize for mobile data usage
Screen Size
- Starting Frame: Choose frames that work well on small screens
- Load Speed: Prioritize fast loading on mobile networks
- Quality Balance: Balance quality with loading speed
Technical Implementation
Frame Indexing
- Frame 1: First image in your sequence
- Frame N: Last image in your sequence
- Current Frame: Whatever frame is currently displayed
Loading Sequence
- Initial Load: Selected starting frame loads first
- Preloading: Adjacent frames load in background
- Full Sequence: Complete 360° sequence becomes available
Performance Optimization
- Lazy Loading: Frames load as needed
- Preloading: Smart preloading of likely-to-be-viewed frames
- Caching: Browser caching for repeat visits
Troubleshooting
Wrong Starting Frame
- Check frame selection in customization settings
- Verify your 360° sequence has enough frames
- Test on different devices and browsers
Slow Loading
- Optimize image file sizes
- Adjust quality settings
- Consider on-click or on-hover loading
Mobile Issues
- Test on actual mobile devices
- Check touch interaction behavior
- Verify loading performance on mobile networks
Best Practices
Frame Selection
- Test Different Frames: Try various starting points
- User Testing: Get feedback on most appealing angles
- A/B Testing: Compare different starting frames
Loading Strategy
- Consider Your Audience: Mobile vs desktop users
- Page Context: Product detail vs listing pages
- Performance Goals: Speed vs quality balance
User Experience
- Consistent Experience: Same starting frame across similar products
- Brand Alignment: Starting frame should match brand messaging
- Conversion Focus: Choose frames that support sales goals
Advanced Tips
Dynamic Starting Frames
- User Preferences: Remember user’s preferred starting frame
- Context Awareness: Different starting frames for different pages
- Personalization: AI-driven starting frame selection
Performance Monitoring
- Load Time Tracking: Monitor loading performance
- User Engagement: Track which starting frames perform best
- Conversion Analysis: Measure impact on sales metrics