Title: 360 Javascript Viewer Author: Jeroen Published: 17 września 2020 Last modified: 24 siyrpnia 2025 --- Search plugins ![](https://ps.w.org/360deg-javascript-viewer/assets/banner-772x250.jpg?rev=2386155) ![](https://ps.w.org/360deg-javascript-viewer/assets/icon-256x256.jpg?rev=2383936) # 360 Javascript Viewer By [Jeroen](https://profiles.wordpress.org/jtermaat/) [Download](https://downloads.wordpress.org/plugin/360deg-javascript-viewer.1.7.32.zip) * [Details](https://szl.wordpress.org/plugins/360deg-javascript-viewer/#description) * [Reviews](https://szl.wordpress.org/plugins/360deg-javascript-viewer/#reviews) * [Installation](https://szl.wordpress.org/plugins/360deg-javascript-viewer/#installation) * [Development](https://szl.wordpress.org/plugins/360deg-javascript-viewer/#developers) [Support](https://wordpress.org/support/plugin/360deg-javascript-viewer/) ## Description #### Features * Full 360° view * WooCommerce support * Responsive design * Zoom by wheel(mouse) or pinch(mobile) * Unlimited presentations on a single page * Just upload your images to your media library, no external service needed * Variable amount of images, limit is 365 images * Customize speed and inertia * Reverse dragging * Rotate to edges * Custom frame format, no renaming of files * Optional autorotation on start 1 is one rotation after start and 2 is 2 rotations and so on * Reverse autorotation * Speed autorotation otherwise it uses the speed of the viewer * Custom start frame * Stop at edges * Use your own notifier * Extra classes on images * Float and margin for some placement control * ShortCodes system, [generate the shortcodes online for more control](https://www.360-javascriptviewer.com/wordpress) * Widget * Gutenberg block * Elementor block * Use ACF or WooCommerce product code for presentation * Template function for developers * Very lightweight (50kb) * Support for WooCommerce Flatsome theme ## Screenshots * [[ * Put your 360 images in your own media library. * [[ * Configure the viewer and create a shortcode at 360-javascriptviewer.com * [[ * Paste the shortcode anywhere in a post, page, block or Elementor block * [[ * Responsive viewer integrated on a page * [[ * WooCommerce front in product gallery with support for photoswipe in lightbox * [[ * WooCommerce product admin, add shortcode to show an 360 product view * [[ * Control the viewer with the elementor widget ## Blocks This plugin provides 1 block. * 360 JavaScript Viewer ## Installation 1. Upload the plugin files to the `your_wordpress_plugins_dir/360deg-javascript-viewer` directory, or Install as a regular WordPress plugin 2. Go your Plugins page in the WordPress Dashboard and activate it #### Shortcode parameters [Generate the shortcodes online](https://www.360-javascriptviewer.com/wordpress) ``` example: [360-jsv total-frames=72 speed=90 inertia=30 max-width=200] // will take the default image example: [360-jsv main-image-url=your/image.jpg total-frames=16 speed=90 inertia=30 image-url-format=your/image_xx.jpg] ``` * **main-image-url** is the url to the main image, that is the base for all the other frames * **total-frames** is the total number of frames in the presentation * **speed** is the speed of rotating * **inertia** is the delay when the user stops dragging * **reverse** inverts the rotation direction when dragging * **image-url-format** give a format for the next frames * **auto-rotate** use this setting for rotating the view at start. Rotation stops when user drags the model or another animation method is called. 0 is no rotation and 10 is 10 rotations at start * **auto-rotate-speed** use this setting for changing the speed of the auto rotating * **auto-rotate-reverse** use this setting for changing the direction of the auto rotating * **stop-at-edges** blocks repeating images after reaching last image * **max-width** sets the max-width of the presentation in px * **float** use left or right to align the presentation * **margin-left** set the left margin * **margin-right** set the right margin * **margin-top** set the top margin * **margin-bottom** set the bottom margin ## FAQ ### Why am I redirected to your website for creating a shortcode? Some people find it hard to construct a shortcode by hand, that’s why we created a tool te make it more convenient. ### How does it work with WooCommerce? You need to have images in your gallery and you need the shortcode filled into the product properties. Then the viewer will be shown in the product gallery. You can also use the shortcode in combination with a Gutenberg lock or Elementor block. In that case you must set the block to use the WooCommerce product code for presentation. ### How does it work with Advanced Custom Fields? In the settings there is an options to define the ACF field what must be used by the Gutenberg block or Elementor block. In that case you must set the block to use the ACF code for presentation. You can fill the ACF field with the shortcode and it will be used by the block. ### Can I use global settings? Yes, you can use global settings in the settings page. You can also use the shortcode to override the global settings. ### Can I use it in my templates? Yes, you can call parse_jsv360_shortcode() function within your template. Use the shortcode as a parameter. ## Reviews ![](https://secure.gravatar.com/avatar/ca3905084c88bda97e71f9c874aae9c1055c5a0949692887db83a9fbff17b763? s=60&d=retro&r=g) ### 󠀁[Great and easy-to-use plugin](https://wordpress.org/support/topic/great-and-easy-to-use-plugin-57/)󠁿 [mastrognappo](https://profiles.wordpress.org/mastrognappo/) 8 paździyrnika 2024 I was looking for a powerful and easy to use plugin to make nice 3d product presentation to develop a website for my customer. Well, this is the best you could ask for: it’s easy to use: it has all the features a 3d plugin should have, the 3d creation process is fast+straightforward and results are awesome.Also, Jeroen support is top-tier and he answered withing a working hour.Highly recomended: 10/10. ![](https://secure.gravatar.com/avatar/3878f19c9b1b68cbdc04e08874ad678a2188f9249684db5c8a763153ed645099? s=60&d=retro&r=g) ### 󠀁[Exceptional Support for a Fantastic Product](https://wordpress.org/support/topic/exceptional-support-for-a-fantastic-product/)󠁿 [bogdanandrei16](https://profiles.wordpress.org/bogdanandrei16/) 22 mŏja 2024 I recently used the 360 JavaScript Viewer and encountered a bug. The support team was incredibly helpful and responsive. They quickly identified the issue and provided a solution that worked perfectly. Their assistance was invaluable, making the process smooth and stress-free. I am extremely satisfied with their service and professionalism. The product works flawlessly now, thanks to their support. I highly recommend the 360 JavaScript View and commend their support team for their excellent service. ![](https://secure.gravatar.com/avatar/1cfb70e466eb7e1a8160d43a9c4a520a31b8b2241025ef883f0982d1b37aa785? s=60&d=retro&r=g) ### 󠀁[Fantastic Support](https://wordpress.org/support/topic/fantastic-support-534/)󠁿 [sterndale](https://profiles.wordpress.org/sterndale/) 11 marca 2024 I purchased a licence for the plugin and had a few issues. The issues were more related to the non-standard WordPress template I was working on, rather than the plugin. Anyway, Jeroen, despite being on the other side of the World from me, responded to my support request within a few minutes. He then spent several hours working on a solution for my particular issue. To say I am impressed is an understatement. The plugin is fantastic, but the support is even better. ![](https://secure.gravatar.com/avatar/6f9883be9a82dbeed786bff67fb6db3ed1d2f35a7a71f578aea5afea93cb53f5? s=60&d=retro&r=g) ### 󠀁[Fine plugin](https://wordpress.org/support/topic/fine-plugin-62/)󠁿 [berger3300](https://profiles.wordpress.org/berger3300/) 3 paździyrnika 2023 Works fine! 🙂 ![](https://secure.gravatar.com/avatar/4ff9449ffff6b765c1766782acad1543a4cf8692cca4d192d7cb515ebcc031a0? s=60&d=retro&r=g) ### 󠀁[超讚的360度照片環繞外掛](https://wordpress.org/support/topic/%e8%b6%85%e8%ae%9a%e7%9a%84360%e5%ba%a6%e7%85%a7%e7%89%87%e7%92%b0%e7%b9%9e%e5%a4%96%e6%8e%9b/)󠁿 [wandong122325](https://profiles.wordpress.org/wandong122325/) 17 lipnia 2023 如果有付費可拿掉logo，我一定立刻下單! ![](https://secure.gravatar.com/avatar/23500f3d2081142253568f15e1e6efb60ebaf02ebc6df6b573df1c9eae576bf0? s=60&d=retro&r=g) ### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-9880/)󠁿 [larspepe](https://profiles.wordpress.org/larspepe/) 3 mŏja 2023 Works super good, very happy with it! 🙂 Simple, fast and reliable! [ Read all 13 reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/) ## Contributors & Developers “360 Javascript Viewer” is open source software. The following people have contributed to this plugin. Contributors * [ Jeroen ](https://profiles.wordpress.org/jtermaat/) [Translate “360 Javascript Viewer” into your language.](https://translate.wordpress.org/projects/wp-plugins/360deg-javascript-viewer) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/360deg-javascript-viewer/), check out the [SVN repository](https://plugins.svn.wordpress.org/360deg-javascript-viewer/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/360deg-javascript-viewer/) by [RSS](https://plugins.trac.wordpress.org/log/360deg-javascript-viewer/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Basic version, still under development #### 1.0.1 * Bugfixes in viewer, update to v0.0.45 #### 1.1.0 * Added optional autorotation on start #### 1.2.0 * Added zoom functions #### 1.2.1 * Fix scrolling bug, update jsv to v1.2.7 #### 1.2.2 * Fix parameter bug #### 1.3.0 * Added rotate to edges #### 1.4.0 * Added widget #### 1.5.0 * Added WooCommerce support #### 1.5.2 * Added object support in bb code for notification #### 1.6.0 * Use your own notifier #### 1.6.15 * Support quotes in shortcode for translation plugins #### 1.6.18 * Support for extra classes on images #### 1.6.20 * Support for Gutenberg editor= #### 1.7.0 * Support for Advanced Custom Fields and WooCommerce product code for presentations in Elementor block #### 1.7.1 * Support for Advanced Custom Fields and WooCommerce product code for presentations in Gutenberg block #### 1.7.5 * Fix for woocommerce, no 360 icon when there is no shortcode #### 1.7.7 * Fix for icon in lightbox with swipe in woocommerce #### 1.7.8 * Default blank pixel for presentations without main image #### 1.7.9 * Added #### 1.7.10 * Elementor options for id and overrides on shortcode #### 1.7.11 * WooCommerce fix for dragged icon #### 1.7.15 * Added function for developers to use in templates #### 1.7.16 * Added option to disable WooCommerce gallery integration #### 1.7.21 * Added support for Elementor popups with 360 viewer in it ## Meta * Version **1.7.32** * Last updated **7 miesiyncy ago** * Active installations **1.000+** * WordPress version ** 5.0 or higher ** * Tested up to **6.8.5** * PHP version ** 7.0.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/360deg-javascript-viewer/) * Tags * [360](https://szl.wordpress.org/plugins/tags/360/)[360 degree](https://szl.wordpress.org/plugins/tags/360-degree/) [360 product viewer](https://szl.wordpress.org/plugins/tags/360-product-viewer/) [elementor](https://szl.wordpress.org/plugins/tags/elementor/)[woocommerce](https://szl.wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://szl.wordpress.org/plugins/360deg-javascript-viewer/advanced/) ## Ratings 5 out of 5 stars. * [ 13 5-star reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/360deg-javascript-viewer/reviews/) ## Contributors * [ Jeroen ](https://profiles.wordpress.org/jtermaat/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/360deg-javascript-viewer/)