Descripción
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
- Widget
- Gutenberg block
- Elementor block
- Use ACF or WooCommerce product code for presentation
- Very lightweight (50kb)
Capturas
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 or page 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
Bloques
Este plugin proporciona 1 bloque.
- 360 JavaScript Viewer
Instalación
- Upload the plugin files to the
your_wordpress_plugins_dir/360deg-javascript-viewer
directory, or Install as a regular WordPress plugin - Go your Plugins page in the WordPress Dashboard and activate it
Shortcode parameters
Generate the shortcodes online
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
Reseñas
18 de junio de 2022
Works great with 360 frames rendered in 3D. Thank you!
1 de junio de 2022
Ideal for showing 360° of products.
11 de marzo de 2021
The plugin works great
There is an option to customize the speed and more
Option to zoom
And most importantly, quick support for a perfect result.
Thank you jeroen
6 de febrero de 2021
Just make the pictures and the plugin will do the rest. The author is very helpful as well!
27 de enero de 2021
The plugin works great! I can now finally present my product photos in a professional manner. Rotation is smooth and natural. 5 stars.
12 de enero de 2021
Easy configuration
Colaboradores y desarrolladores
«360 Javascript Viewer» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
ColaboradoresTraduce «360 Javascript Viewer» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
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 3dweb.io and Gutenberg editor=
1.7.0
- Support for Advanced Custom Fields and WooCommerce product code for presentations in Elementor block