Skip to content
RexTheme Logo
  • Home
  • Plugins
    • WP VR
    • Product Feed
    • Cart Lift
  • Docs
  • Support
  • Blog
  • Account
    • Log In
  • Contact Us

Cart Lift

  • Introduction To Cart Lift
  • Getting Started With Cart Lift
  • Install And Activate Cart Lift
  • A Basic Plugin Overview – Cart Lift
  • Configure And Use Cart Lift Effectively
  • How To Track Abandoned Carts Automatically
  • How To Set Up Your Abandoned Cart Recovery Campaign
  • How To Use Twilio SMS Service To Recover Abandoned Carts – Cart Lift Pro
  • How To Get Notifications For Abandoned Carts And Recovery
  • Get Full Analytics Report On Recovery Campaign
  • Shortcodes for Email Fields in Cart Lift
  • How To Upgrade To Pro – Cart Lift
  • Troubleshooting For Common Issues – Cart Lift

Product Feed Manager

Getting Started
  • Introduction To Product Feed Manager For WooCommerce
  • Getting Started With Product Feed Manager For WooCommerce
  • How To Install And Activate PFM
  • How To Generate Product Feed For The First Time
  • Basic Plugin Overview – Product Feed Manager Pro WooCommerce
  • How To Generate A Custom Product Feed Easily
Upgrade To PFM Pro
  • How to Upgrade to Pro – PFM
Auto-Sync To Google Shopping
  • How To Auto-sync Product Feed To Google Merchant Shop
Category Mapping
  • How To Use Category Mapping For Product Feed
  • How To Use Category Mapping For Google Product Category
  • How To Configure Category Mapping For Facebook Product Category
Feed Generation Instructions
  • How to generate WooCommerce Product Feed for Google
  • How to generate WooCommerce Product Feed for Facebook
  • How to Upload your WooCommerce Products on the Facebook Store
Understanding Basic Feed Configuration For Required Attributes
  • Product Feed Optimization with Yoast SEO Product Title, Meta Description and Primary Category
  • How To Add A Static Prefix or Suffix To An Attribute In The Feed
  • How To Add A Custom Attribute To The Feed
  • How To Add Or Remove An Additional Product Attribute In The Feed
  • Learning About Feed File Types And How To Download Or View Feed
  • Optimize Product Feed Data With Effective Output Sanitizations
  • Understanding And Configuring Feed Attributes and their values
  • How To Remove HTML Tags Or Shortcodes From A Feed
  • How To Use UTF-8 Encode To Convert HTMLEntities To Symbols In A Feed Attribute Value
  • How To Convert Symbols To HTMLEntities In A Feed Attribute Value
  • How To Include CDATA In An XML Feed Attribute Tag
  • How To Remove Decimal From Price For Marktplaats Feed
  • How To Replace Space With Hyphen In A Feed Attribute Data
  • How To Use A Custom Field Value In The Product Feed
  • How To Add Currency To Your Product Price
  • How To Use Yoast Primary Category In The Feed
  • How To Use RankMath Primary Category In The Feed
  • Useful Options On The Controls Tab
Useful Control Options
  • Useful Options On Settings Tab
  • Control Products Per Batch In Batch Processing
  • Connect Facebook Pixel With WooCommerce For Dynamic Ads
  • Add Extensive Custom Fields Of Unique Identifiers For WooCommerce Products
  • Add Custom Fields For Important Product Attributes
  • How To Add Extensive Custom Fields To WooCommerce Products
  • How To Exclude Tax From Structured Data Prices
Useful Features For Feed Generation
  • How To Exclude Invisible Products / Hidden Products From Product Feed
  • How To Use Custom Filter When Generating Product Feed
  • How To Use Category Filter When Generating Product Feed
  • How To Use Tag Filter When Generating Product Feed
  • How To Use Product Filter Options When Generating Feed
  • How To Schedule Auto-update of Feed On Set Intervals
  • How To Include Variable Products To The Feed
  • How To Include Private Products In Product Feed
  • How To Include Product Variation Term To The Product Name
  • How To Add UTM Parameters To Product URLs
  • How to use the Product Rule feature to manipulate attribute values
  • How to use the dynamic pricing feature to manipulate your product price
  • How to merge multiple attributes values together with the Combined Attributes feature
Fix JSON-LD Structured Data For Variable Products
  • Fix WooCommerce (JSON-LD) Structured Data For Approval In Google Shopping
Others
  • How To Include Brand Name In The Feed Using Perfect Brands For WooCommerce And PFM
  • Enable Error Log for Product Feed Manager For WooCommerce
  • How To Generate Product Feed With WPML Translated Product Data
  • How to schedule custom feed refresh interval with Product Feed Manager using WP Crontrol
Troubleshoot
  • Troubleshooting Common Issues – Product Feed Manager For WooCommerce
  • Product Missing On Facebook Commerce Manager/ Product Not Uploaded
  • Product Missing on Google Merchant Center/ Product Not uploaded
Etsy Addon
  • Product Feed Manager for WooCommerce Etsy Integration – How to guide

VR Places Theme

  • How To Install And Activate VR Places Theme
  • How To Customize Global Settings for VR Places Theme

WP VR

  • Getting Started with WP VR
Getting Started
  • Introduction To WP VR
  • Getting Started With WP VR
  • How To Install And Activate WP VR
  • How To Create A Simple Virtual Tour In 5 Minutes – WP VR
  • How to Embed A Virtual Tour And Customize It – WP VR
  • WP VR Basic Plugin Overview
Upgrade To WPVR Pro
  • How To Upgrade To Pro – WPVR
Using WPVR Premium Add-ons
  • How To Integrate Fluent Forms On A Virtual Tour
  • How To Integrate WooCommerce To A Virtual Tour
  • How To Embed Virtual Tours On Non-WordPress Websites
How To - Basic Settings
  • How To Use Exclusive Features On General Settings To Customize A Virtual Tour
  • How To Add A Preview Image To Your Virtual Tour – WPVR
  • How to Enable Auto Rotation For Your 360 Virtual Tour – WP VR
Using Advanced Settings
  • How To Enable Gyroscope Sensor On 360 Virtual Tours
  • How To Set Up A Scene Gallery On Virtual Tours
  • How To Add Background Music To Virtual Tours
  • How To Limit Keyboard Controls For Navigation And Zoom
  • How To Limit The Use Of Mouse Scroll To Zoom Or Drag To Move A Tour
  • How to Add A Virtual Tour Icon or Your Company Logo in 360 Degree Tours – WPVR
  • How To Set YouTube Explainer Videos Inside Virtual Tours 
Setting Up Control Buttons
  • Using Custom Icons For Navigation And Control Buttons In A Virtual Tour
  • How To Add A Home Button To Your Virtual Tour
Turn Panorama Images Into Live Scenes
  • How To Add A Scene To Your Virtual Tour
  • How To Use Scene Settings To Customize A Scene
  • How To Set Default Scene Face On A Virtual Tour
  • How To Set Custom Zoom Settings On A Scene In Your Virtual Tour – WPVR
  • How to Set 360 Image Grab Limit On A Scene in Your Virtual Tour – WPVR
Use Hotspots for Navigation & Information
  • How To Add Hotspots To A Scene In Your Virtual Tour
  • How To Use Hotspots To Show Information, Images Or Videos
  • How To Use Hotspots To Go From One Scene To Another
  • How To Customize Hotspot Icons And Color
  • Embed A Self Hosted Video on WPVR Hotspots
  • How To Embed Youtube Videos Inside Virtual Tours Using WPVR
  • How To Set Hotspot Content Easily Inside Virtual Tour – Using WYSIWYG HTML Editor
Create 360 Degree Video Tours
  • How To Embed A Youtube 360 Video On Your Website Using WPVR
  • How To Create A Virtual Tour Using Self Hosted 360 Degree Interactive Video with WPVR
Embed Google Street Views
  • How To Embed A Google Street View Tour On Your Website Using WPVR
Partial Panorama & Full View Virtual Tours
  • How To Create A Virtual Tour With Partial Panoramas or iPhone Panoramas
  • How To Create A Virtual Tour With Mobile Phone Panorama Images
  • How To Create Full Screen Virtual Tours – WPVR
  • How To Set A 360 Panorama Background Virtual Tour
Publish Virtual Tours on Your Website
  • How To Embed A Virtual Tour Using WPVR Gutenberg Block
  • How To Embed A Virtual Tour Using WPVR Elementor Widget
  • How To Use WP VR Oxygen Element To Embed A Virtual Tour
  • How To use a WPVR Shortcode to Embed a Virtual Tour
  • How To Embed WPVR Virtual Tours Using Visual Composer Element
Import, Export, & Duplicate Virtual Tours
  • How To Export And Import Virtual Tours
  • How To Duplicate A Virtual Tour
Troubleshooting - Solve Common Issues
  • How To Exclude WPVR From Autoptimize
  • Troubleshooting Common Issues – WPVR
  • How To Solve Virtual Tour Not Showing Up – WPVR
  • How To Exclude Assets of WPVR From Autoptimize
Optimize Virtual Tour for Mobile Devices
  • How To Set A Dynamic Front End Notice On Virtual Tours For Mobile Phone Viewers
  • How To Auto Resize Images On Mobile Devices for Virtual Tours
  • How To Set Custom Height for Mobile Devices to Your Virtual Tours
Demo Virtual Tours
  • Demo Virtual Tours
  • Basic Virtual Tour
  • Demo Virtual Tour – WPVR Pro
  • Demo Tour – WPVR (Free)
  • Custom Scene Gallery – WPVR
  • Custom Control Icons – WPVR
  • Google Street View Tour – WPVR Pro
  • Video Tutorials – WPVR
  • Demo Partial Panorama Virtual Tour – WPVR Pro
  • Bar/Pub Showcase
Advanced Settings for Virtual Tours
  • How To Set Up WPVR Exclusive Settings
  • Control Script And Style Loading For The Virtual Tours
  • How To Disable WordPress Large Image Handler For Virtual Tours
  • How to Control Video.js Loading for Virtual Tour Pages – WPVR

Deprecated Plugins

Media Storage To Cloud
  • WP Media Storage To Cloud
  • Getting Started – Media Storage To Cloud
  • How to install and activate Media to Cloud Storage
  • WP Media Storage To Cloud Dashboard Overview
  • How To Connect Amazon S3 Bucket
  • How To Connect Google Cloud Storage
  • How To Set Up IAM User For Amazon S3 Bucket
  • How To Set Up Google Cloud Storage Bucket To Serve Media Files
  • How To Connect DigitalOcean Spaces
  • How To Create An Amazon CloudFront Distribution
  • How To Create An Amazon CloudFront Origin Access Identity
  • Troubleshooting For Common Issues – Media Storage To Cloud
  • How To Create Free HTTPS Certificate On Amazon S3
Variation Swatches
  • Variation Swatches for WooCommerce – Getting Started
  • Variation Swatches For WooCommerce – Dashboard Overview
  • Variation Swatches For WooCommerce – Install And Activate
  • Change Dropdown to Button Swatches for WooCommerce Variations
  • How To Set Up WooCommerce Color Swatches For Color Variation
  • How To Set Up WooCommerce Image Swatches For Image Variation
  • How To Set Up Label Swatches For WooCommerce Product Variations
  • How To Customize Variation Swatch Hover Style
  • How To Customize Variation Swatches Global Style
  • How To Customize Variation Swatches Selected Style
  • Home
  • Docs
  • WP VR
  • Partial Panorama & Full View Virtual Tours

How To Create A Virtual Tour With Partial Panoramas or iPhone Panoramas

Table of Contents
  • Create Virtual Tour with Partial Panoramas or iPhone Panoramas Using WPVR

Sometimes you don’t have a full 360-degree image for creating a virtual tour.

With WPVR, you can create amazing virtual tours using partial panoramas or iPhone panoramas, even if you don’t have full 360 images.

Follow these simple steps to create a virtual tour with partial panorama images.

Create Virtual Tour with Partial Panoramas or iPhone Panoramas Using WPVR #

1. Go to WPVR > Add New Tour.

Give Your Tour a Name.

Add a New Tour

2. Just below the General tab, you can see the Scenes tab.

Click on the Scenes tab.

3. Choose Yes on the Set as Default option. Now, this scene will become the default scene of your tour.

Here, assign a Scene ID and choose Yes for the option Set as Default.

Tour Scene Setting

4. Then, click on the Upload button and upload your desired iPhone panoramas or partial panoramas.

Upload the image to create partial panorama

For this guide, I will create a simple virtual tour with only one scene. You can add multiple scenes if you want to.

Once the image is uploaded, now it’s time to set the Partial panorama effect on the image you uploaded to turn it into a virtual tour.

But before that, since this panorama isn’t optimized, hence a messed up preview of the tour will show up when you click on the Preview button.

Partial panorama preview

But don’t worry, it will be fixed after we change some settings for partial panorama.

5. Now, on the Scenes tab, look for the following two fields:

  • Vertical Angle of View
  • Horizontal Angle of View
Setting the angle of views

6. Vertical Angle of View option controls how much of your image will be visible on tour vertically.

By default, it’s set at 180, change it to 90.

7. And the Horizontal Angle of View option controls how much of your image will be visible on tour horizontally.

By default, it’s set at 360, change it to 180.

Now it is time to set the limit of vertical and horizontal scene grab.

Here, you will find Limit Vertical Scene Grab and Limit Horizontal Scene Grab options on the Scenes tab.

8. At first, turn on the Limit Vertical Scene Grab option.

The default value on the Max Pitch field is 90. Set it to 45.

The default value on the Min Pitch field is -90. Set it to -45.

9. Now, Turn on the Limit Horizontal Scene Grab option.

The default value on the Max Yaw field is 180. Set it to 90.

The default value on the Min Yaw field is -180. Set it to -90.

That’s it. You’ve just created a virtual tour using a panorama image that was captured by a mobile phone.

To understand these options better, you should try the options one-by-one and preview them. So that you will know exactly what should you change to make this partial panorama tour as you prefer.

10. You can now click on the Preview button to have a live preview of your tour.

Partial panorama preview

**Remember to click on the Publish button to save the tour.

11. Once you’ve saved the tour, you can publish it on your website.

You can use the WPVR Gutenberg block, WPVR Elementor Widget, or shortcode to publish the tour.

Follow this documentation to publish and customize your virtual tour.

To learn more about WPVR and its amazing features, click here.

Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Updated on September 7, 2021
How To Create A Virtual Tour With Mobile Phone Panorama Images
Table of Contents
  • Create Virtual Tour with Partial Panoramas or iPhone Panoramas Using WPVR
RexTheme Logo
Our Plugins
  • WP VR
  • Product Feed Manager
  • Cart Lift
Resources
  • Privacy Policy
  • Terms of Service
  • Affiliate Program
  • Contact Us
Payment Methods
Payment methods

© . All rights reserved by RexTheme