WP VR – 360 Panorama and virtual tour creator for WordPress - Version 3.4.2

Version Description

  • Gallery carousal design fix
  • Css and js restricted

=

Download this release

Release Info

Developer rextheme
Plugin Icon 128x128 WP VR – 360 Panorama and virtual tour creator for WordPress
Version 3.4.2
Comparing to
See all releases

Code changes from version 3.4.1 to 3.4.2

Files changed (4) hide show
  1. README.txt +15 -6
  2. admin/class-wpvr-admin.php +12 -17
  3. public/css/wpvr-public.css +17 -6
  4. wpvr.php +7 -7
README.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: https://rextheme.com/wp-vr-360-panorama-and-virtual-tour-creator-fo
4
  Tags: virtual tour, real estate tour, panorama, panorama viewer, virtual tour, 360 panorama, interactive tour
5
  Requires at least: 4.0
6
  Tested up to: 5.2
7
- Stable tag: 3.4.1
8
  Requires PHP: 5.6
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -14,7 +14,7 @@ Let site visitors take a virtual tour and get them excited!! Let them experience
14
  == Description ==
15
  Create amazing virtual tours on your own easily using WPVR. Let visitors take a tour of your place remotely, and get them more excited.
16
 
17
- With WPVR, you can create a tour where visitors can navigate a 360 view of your location, switch between several scenes, get information on items on the location, zoom in and out to get a better view and get an overall idea about how your place may look in reality.
18
 
19
  Simply provide a 360 panoramic image, and this plugin will transform it into a realistic tour.
20
 
@@ -25,7 +25,7 @@ Simply provide a 360 panoramic image, and this plugin will transform it into a r
25
  [Demo Virtual Tour (Pro)](https://rextheme.com/docs/wp-vr/demo-tours/pro-demo-virtual-tour/) | [Demo Tour (Free)](https://rextheme.com/docs/wp-vr/demo-tours/demo-tour-wpvr-free/) | [Documentation](https://rextheme.com/docs/wp-vr/) | [Premium Version](https://rextheme.com/wpvr/)
26
 
27
 
28
- = Why Use WPVR? =
29
  WPVR gives all the features needed to create a quality virtual tour without any hassle.
30
 
31
  https://www.youtube.com/watch?v=vG411d1qX3c
@@ -37,9 +37,9 @@ Simple, easy, and straight forward options to add your 360 panoramic images and
37
 
38
  You can also add an auto rotation effect, scene fade animation when transmitting between scenes and many more to create an attractive virtual tour.
39
 
40
- Plus, it includes the feature to preview the tour at the backened for proper inspection and tour creation.
41
 
42
- >Read detailed [documentation](https://rextheme.com/docs/wp-vr/) and [video tutorials](https://www.youtube.com/watch?v=vG411d1qX3c&list=PLelDqLncNWcVNqy7zoqtt8N-pyqy0-93z) for assistance.
43
 
44
  **Create an interactive realistic tour with multiple scenes**
45
  Add several scenes and add hotspots to connect them into a tour. Create multiple hotspots for every scene at your own will, to connect to different scenes and generate a realistic tour experience.
@@ -138,7 +138,7 @@ Yes, you can include image source or video embed link on the section On Click Co
138
  Yes. You can create a custom class on your theme, stating whatever style you want. Then you can input the class name on the Hotspot Custom Class section in a hotspot, and the content displayed will be customized according to the style you set.
139
 
140
  = 6. How can I embed a virtual tour using Gutenberg Block Editor?? =
141
- Under common blocks, you will find a block called WPVR. Add WPVR block. Select the block and on the dynamic toolbar on the right, you will get the options to add ID, Height and Width. Collect the ID from the virtual tour you created. Assign height and width according to your convenience.
142
 
143
  = 7. What do I do if I get “THE FILE (image link) COULD NOT BE ACCESSED” error? =
144
  Sometimes when you add a tour on your site, you might face this issue that rather than loading the tour it will give the error “THE FILE (…) COULD NOT BE ACCESSED.”
@@ -156,6 +156,11 @@ That’s it. Now you can go to the browser and open the page with the virtual to
156
 
157
  You will find the gyroscope icon at the top left side.
158
 
 
 
 
 
 
159
 
160
  == Screenshots ==
161
  1. Demo view
@@ -262,5 +267,9 @@ You will find the gyroscope icon at the top left side.
262
  = 3.4.1 =
263
  * Gallery carousal fix
264
 
 
 
 
 
265
  == Upgrade Notice ==
266
  Please do update the WP VR to the latest version. Each update makes it sure your plugin is supporting all tour features.  
4
  Tags: virtual tour, real estate tour, panorama, panorama viewer, virtual tour, 360 panorama, interactive tour
5
  Requires at least: 4.0
6
  Tested up to: 5.2
7
+ Stable tag: 3.4.2
8
  Requires PHP: 5.6
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
14
  == Description ==
15
  Create amazing virtual tours on your own easily using WPVR. Let visitors take a tour of your place remotely, and get them more excited.
16
 
17
+ With WPVR, you can create a virtual tour where visitors can navigate a 360 view of your location, switch between several scenes, get information on items on the location, zoom in and out to get a better view and get an overall idea about how your place may look in reality.
18
 
19
  Simply provide a 360 panoramic image, and this plugin will transform it into a realistic tour.
20
 
25
  [Demo Virtual Tour (Pro)](https://rextheme.com/docs/wp-vr/demo-tours/pro-demo-virtual-tour/) | [Demo Tour (Free)](https://rextheme.com/docs/wp-vr/demo-tours/demo-tour-wpvr-free/) | [Documentation](https://rextheme.com/docs/wp-vr/) | [Premium Version](https://rextheme.com/wpvr/)
26
 
27
 
28
+ == Why Use WPVR? ==
29
  WPVR gives all the features needed to create a quality virtual tour without any hassle.
30
 
31
  https://www.youtube.com/watch?v=vG411d1qX3c
37
 
38
  You can also add an auto rotation effect, scene fade animation when transmitting between scenes and many more to create an attractive virtual tour.
39
 
40
+ Plus, it includes the feature to preview the tour at the back-end for proper inspection and tour creation.
41
 
42
+ >Read detailed [documentation](https://rextheme.com/docs/wp-vr/) and [video tutorials](https://www.youtube.com/watch?v=vG411d1qX3c&list=PLelDqLncNWcVNqy7zoqtt8N-pyqy0-93z) for assistance.
43
 
44
  **Create an interactive realistic tour with multiple scenes**
45
  Add several scenes and add hotspots to connect them into a tour. Create multiple hotspots for every scene at your own will, to connect to different scenes and generate a realistic tour experience.
138
  Yes. You can create a custom class on your theme, stating whatever style you want. Then you can input the class name on the Hotspot Custom Class section in a hotspot, and the content displayed will be customized according to the style you set.
139
 
140
  = 6. How can I embed a virtual tour using Gutenberg Block Editor?? =
141
+ Under common blocks, you will find a block called WPVR. Add WPVR block. Select the block and on the dynamic toolbar on the right, you will get the options to add ID, Height and Width. Collect the ID from the virtual tour you created. Assign height and width according to your convenience.
142
 
143
  = 7. What do I do if I get “THE FILE (image link) COULD NOT BE ACCESSED” error? =
144
  Sometimes when you add a tour on your site, you might face this issue that rather than loading the tour it will give the error “THE FILE (…) COULD NOT BE ACCESSED.”
156
 
157
  You will find the gyroscope icon at the top left side.
158
 
159
+ = 9. I Use Autoptimze plugin =
160
+ If you use Autoptimize, then you need to exclue our plugin from their menification function.
161
+
162
+ Simply add "/plugins/wpvr" to exclusion field (or use the location where you store plugins)
163
+
164
 
165
  == Screenshots ==
166
  1. Demo view
267
  = 3.4.1 =
268
  * Gallery carousal fix
269
 
270
+ = 3.4.2 =
271
+ * Gallery carousal design fix
272
+ * Css and js restricted
273
+
274
  == Upgrade Notice ==
275
  Please do update the WP VR to the latest version. Each update makes it sure your plugin is supporting all tour features.  
admin/class-wpvr-admin.php CHANGED
@@ -122,28 +122,23 @@ class Wpvr_Admin {
122
  wp_enqueue_media();
123
  if ($adscreen->id=="wpvr_item") {
124
  wp_enqueue_script('icon-picker', plugin_dir_url( __FILE__ ) . 'lib/jquery.fonticonpicker.min.js', array(), true);
125
- }
126
- wp_enqueue_script('panellium-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/pannellum.js', array(), true);
127
- wp_enqueue_script('panelliumlib-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/libpannellum.js', array(), true);
128
- wp_enqueue_script( 'videojs-js', plugin_dir_url( __FILE__ ) .'js/video.js', array('jquery'), true);
129
- wp_enqueue_script('panelliumvid-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/videojs-pannellum-plugin.js', array(), true);
130
-
131
-
132
- if ($adscreen->id=="toplevel_page_wpvr") {
133
- wp_enqueue_script( 'materialize-js', plugin_dir_url( __FILE__ ) . 'js/materialize.min.js', array( 'jquery' ), $this->version, false );
134
- }
135
- wp_enqueue_script( 'jquery-repeater', plugin_dir_url( __FILE__ ) .'js/jquery.repeater.min.js', array('jquery'), true);
136
- if ($adscreen->id=="wpvr_item") {
137
  wp_enqueue_script('icon-picker', plugin_dir_url( __FILE__ ) . 'lib/jquery.fonticonpicker.min.js', array(), true);
138
  wp_enqueue_script( 'owl', plugin_dir_url( __FILE__ ) . 'js/owl.carousel.js', array( 'jquery' ), false );
139
  wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/wpvr-admin.js', array( 'jquery' ), $this->version, false );
 
 
 
 
140
  }
141
 
142
- wp_localize_script( $this->plugin_name, 'wpvr_obj', array(
143
- 'ajaxurl' => admin_url( 'admin-ajax.php' ),
144
- 'ajax_nonce' => wp_create_nonce('wpvr'),
145
- ) );
146
-
147
  }
148
 
149
  /**
122
  wp_enqueue_media();
123
  if ($adscreen->id=="wpvr_item") {
124
  wp_enqueue_script('icon-picker', plugin_dir_url( __FILE__ ) . 'lib/jquery.fonticonpicker.min.js', array(), true);
125
+ wp_enqueue_script('panellium-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/pannellum.js', array(), true);
126
+ wp_enqueue_script('panelliumlib-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/libpannellum.js', array(), true);
127
+ wp_enqueue_script( 'videojs-js', plugin_dir_url( __FILE__ ) .'js/video.js', array('jquery'), true);
128
+ wp_enqueue_script('panelliumvid-js', plugin_dir_url( __FILE__ ) . 'lib/pannellum/src/js/videojs-pannellum-plugin.js', array(), true);
129
+ wp_enqueue_script( 'jquery-repeater', plugin_dir_url( __FILE__ ) .'js/jquery.repeater.min.js', array('jquery'), true);
 
 
 
 
 
 
 
130
  wp_enqueue_script('icon-picker', plugin_dir_url( __FILE__ ) . 'lib/jquery.fonticonpicker.min.js', array(), true);
131
  wp_enqueue_script( 'owl', plugin_dir_url( __FILE__ ) . 'js/owl.carousel.js', array( 'jquery' ), false );
132
  wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/wpvr-admin.js', array( 'jquery' ), $this->version, false );
133
+ wp_localize_script( $this->plugin_name, 'wpvr_obj', array(
134
+ 'ajaxurl' => admin_url( 'admin-ajax.php' ),
135
+ 'ajax_nonce' => wp_create_nonce('wpvr'),
136
+ ) );
137
  }
138
 
139
+ if ($adscreen->id=="toplevel_page_wpvr") {
140
+ wp_enqueue_script( 'materialize-js', plugin_dir_url( __FILE__ ) . 'js/materialize.min.js', array( 'jquery' ), $this->version, false );
141
+ }
 
 
142
  }
143
 
144
  /**
public/css/wpvr-public.css CHANGED
@@ -66,7 +66,8 @@ div.pnlm-hotspot-base.far:before{
66
  }
67
 
68
  .scene-gallery ul {
69
- display: inline-grid;
 
70
  }
71
  .scene-gallery ul li {
72
  list-style: none;
@@ -77,7 +78,7 @@ div.pnlm-hotspot-base.far:before{
77
  z-index: 2;
78
  text-align: center;
79
  width: 100%;
80
- padding-bottom: 3px;
81
  background-color: rgba(0, 0, 0, 0.35);
82
  color: #fff;
83
  }
@@ -254,7 +255,7 @@ div.custom-ifram {
254
  height: 195px;
255
  width: 340px;
256
  }
257
-
258
  .custom-ifram iframe {
259
  height: 194px;
260
  width: 350px;
@@ -262,7 +263,7 @@ div.custom-ifram {
262
  .custom-tooltip p {
263
  width: 330px;
264
  }
265
-
266
  }
267
 
268
  @media (max-width: 767px){
@@ -277,13 +278,16 @@ div.custom-ifram {
277
  .custom-tooltip p {
278
  width: 430px;
279
  }
280
-
281
  }
282
 
283
  @media (max-width: 575px){
284
  .scene-gallery ul {
285
  width: 100px !important;
286
  }
 
 
 
287
  .scctrl {
288
  height: 50px !important;
289
  }
@@ -302,5 +306,12 @@ div.custom-ifram {
302
  .custom-tooltip p {
303
  width: 200px;
304
  }
305
-
 
 
 
 
 
 
 
306
  }
66
  }
67
 
68
  .scene-gallery ul {
69
+ margin: 0;
70
+ padding: 0;
71
  }
72
  .scene-gallery ul li {
73
  list-style: none;
78
  z-index: 2;
79
  text-align: center;
80
  width: 100%;
81
+ padding: 20px 15px;
82
  background-color: rgba(0, 0, 0, 0.35);
83
  color: #fff;
84
  }
255
  height: 195px;
256
  width: 340px;
257
  }
258
+
259
  .custom-ifram iframe {
260
  height: 194px;
261
  width: 350px;
263
  .custom-tooltip p {
264
  width: 330px;
265
  }
266
+
267
  }
268
 
269
  @media (max-width: 767px){
278
  .custom-tooltip p {
279
  width: 430px;
280
  }
281
+
282
  }
283
 
284
  @media (max-width: 575px){
285
  .scene-gallery ul {
286
  width: 100px !important;
287
  }
288
+ #sccontrols {
289
+ padding: 18px 10px;
290
+ }
291
  .scctrl {
292
  height: 50px !important;
293
  }
306
  .custom-tooltip p {
307
  width: 200px;
308
  }
309
+
310
+ }
311
+
312
+ .vrowl-carousel .owl-stage {
313
+ margin: 0 auto;
314
+ }
315
+ .vrowl-carousel .owl-item img {
316
+ margin: 0;
317
  }
wpvr.php CHANGED
@@ -16,7 +16,7 @@
16
  * Plugin Name: WP VR
17
  * Plugin URI: https://rextheme.com/wpvr/
18
  * Description: WP VR - 360 Panorama and virtual tour creator for WordPress is a customized panaroma & virtual builder tool for WordPress Website.
19
- * Version: 3.4.1
20
  * Author: Rextheme
21
  * Author URI: http://rextheme.com/
22
  * License: GPL-2.0+
@@ -164,11 +164,11 @@ function wpvr_block() {
164
  ) );
165
  }
166
  }
 
167
  add_action( 'init', 'wpvr_block' );
168
 
169
  function wpvr_block_render( $attributes ) {
170
 
171
- // $id = $attributes['id'];
172
  if (isset($attributes['id'])) {
173
  $id = $attributes['id'];
174
  }
@@ -585,7 +585,7 @@ function wpvr_block_render( $attributes ) {
585
  }
586
  else {
587
  $html .= '<div id="pano'.$id.'" class="pano-wrap" style=" text-align:center; width: '.$width.'px; height: '.$height.'px; margin: 0 auto; border-radius:'.$radius.';">';
588
- }
589
  if ($vrgallery) {
590
  //===Carousal setup===//
591
  $html .= '<div id="vrgcontrols">';
@@ -593,7 +593,7 @@ function wpvr_block_render( $attributes ) {
593
  $html .= '<div class="vrgctrl vrbounce">';
594
  $html .= '</div>';
595
  $html .= '</div>';
596
-
597
  $html .= '<div id="sccontrols" class="scene-gallery vrowl-carousel owl-theme">';
598
  if (isset($panodata["scene-list"])) {
599
  foreach ($panodata["scene-list"] as $panoscenes) {
@@ -603,7 +603,7 @@ function wpvr_block_render( $attributes ) {
603
  }
604
  }
605
  $html .= '</div>';
606
- //===Carousal setup end===//
607
  }
608
 
609
  $html .= '<i class="fa fa-times cross"></i>';
@@ -647,10 +647,10 @@ function wpvr_block_render( $attributes ) {
647
  $html .= '} else {';
648
  $html .= 'touchtime = new Date().getTime();';
649
  $html .= '}';
650
- $html .= '}';
651
  $html .= '});';
652
  }
653
- }
654
  }
655
  $html .= '</script>';
656
  //script end
16
  * Plugin Name: WP VR
17
  * Plugin URI: https://rextheme.com/wpvr/
18
  * Description: WP VR - 360 Panorama and virtual tour creator for WordPress is a customized panaroma & virtual builder tool for WordPress Website.
19
+ * Version: 3.4.2
20
  * Author: Rextheme
21
  * Author URI: http://rextheme.com/
22
  * License: GPL-2.0+
164
  ) );
165
  }
166
  }
167
+
168
  add_action( 'init', 'wpvr_block' );
169
 
170
  function wpvr_block_render( $attributes ) {
171
 
 
172
  if (isset($attributes['id'])) {
173
  $id = $attributes['id'];
174
  }
585
  }
586
  else {
587
  $html .= '<div id="pano'.$id.'" class="pano-wrap" style=" text-align:center; width: '.$width.'px; height: '.$height.'px; margin: 0 auto; border-radius:'.$radius.';">';
588
+ }
589
  if ($vrgallery) {
590
  //===Carousal setup===//
591
  $html .= '<div id="vrgcontrols">';
593
  $html .= '<div class="vrgctrl vrbounce">';
594
  $html .= '</div>';
595
  $html .= '</div>';
596
+
597
  $html .= '<div id="sccontrols" class="scene-gallery vrowl-carousel owl-theme">';
598
  if (isset($panodata["scene-list"])) {
599
  foreach ($panodata["scene-list"] as $panoscenes) {
603
  }
604
  }
605
  $html .= '</div>';
606
+ //===Carousal setup end===//
607
  }
608
 
609
  $html .= '<i class="fa fa-times cross"></i>';
647
  $html .= '} else {';
648
  $html .= 'touchtime = new Date().getTime();';
649
  $html .= '}';
650
+ $html .= '}';
651
  $html .= '});';
652
  }
653
+ }
654
  }
655
  $html .= '</script>';
656
  //script end