WP Shopify Expert

Advanced Panorama Viewer is a powerful WordPress plugin that allows you to easily embed and display 360-degree panoramic images on your website. With a dedicated Gutenberg block, this plugin seamlessly integrates with the WordPress block editor, making it easy to create engaging, interactive content for your visitors.
<h4>Key Features</h4>
<ul>
<li>Gutenberg block for easy integration with the WordPress block editor</li>
<li>Support for 360-degree panoramic images</li>
<li>Customizable controls for user interaction</li>
<li>Ability to add custom hotspots for additional information</li>
<li>Option to set up default hotspots</li>
<li>Responsive design for optimal viewing on all devices</li>
<li>Lightweight and optimized for fast loading times</li>
</ul>
<h4>Use Cases</h4>
<ul>
<li>Real Estate: Showcase property interiors and exteriors with immersive 360-degree views</li>
<li>Tourism: Display panoramic views of scenic locations or attractions</li>
<li>Education: Create interactive learning experiences for museums or historical sites</li>
<li>Events: Offer 360-degree views of venues for weddings, conferences, or exhibitions</li>
<li>Product Showcases: Display products in a 360-degree view for e-commerce sites</li>
</ul>
<h3>Shortcode Usage</h3>
You can use the Advanced Panorama 360 Viewer shortcode to embed panoramas in your posts, pages, or anywhere shortcodes are supported. The basic syntax is:
[advance_panorama_viewer]
<h4>Shortcode Attributes</h4>
The shortcode supports the following attributes:
<ol>
<li>
id (optional): A unique identifier for the panorama viewer. 
Default: null
</li>
<li>
panorama (required): The URL of the panorama image. 
Default: null
</li>
<li>
title (optional): The title of the panorama. 
Default: null
</li>
<li>
author (optional): The author or creator of the panorama. 
Default: null
</li>
<li>
auto_load (optional): Whether to load the panorama automatically. 
Accepted values: “true” or “false” 
Default: “true”
</li>
<li>
draggable (optional): Whether the panorama can be dragged to pan around. 
Accepted values: “true” or “false” 
Default: “true”
</li>
<li>
align (optional): Alignment of the panorama viewer. 
Accepted values: “left”, “center”, “right” 
Default: “”
</li>
<li>
class_name (optional): Additional CSS class(es) for the panorama viewer container. 
Default: null
</li>
<li>
height (optional): The height of the panorama viewer. 
Default: “400px”
</li>
<li>
width (optional): The width of the panorama viewer. 
Default: “100%”
</li>
</ol>
<h4>Examples</h4>
Basic usage: 
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg”]
With additional attributes: 
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” title=”Beautiful Sunset” author=”John Doe” height=”600px” auto_load=”false”]
Aligned to the right with custom class: 
[advance_panorama_viewer panorama=”https://example.com/path/to/panorama.jpg” align=”right” class_name=”my-custom-panorama” width=”80%”]
<h4>Notes</h4>
<ul>
<li>The ‘panorama’ attribute is required. Without it, the viewer will not display properly.</li>
<li>Use percentage or pixel values for ‘height’ and ‘width’ attributes (e.g., “100%”, “400px”).</li>
<li>When using the shortcode in a page builder or custom HTML block, you may need to wrap it in a shortcode block or use the appropriate syntax for your specific editor.</li>
</ul>
<h3>Additional Info</h3>
For more information, please visit our <a href="https://wpshopifyexpert.com/advanced-panorama-360-viewer" rel="nofollow ugc">official website</a>.
<h4>Credits</h4>
This plugin uses the following open-source libraries: 
* <a href="https://threejs.org/" rel="nofollow ugc">Three.js</a> – For 3D rendering 
* <a href="https://pannellum.org/" rel="nofollow ugc">Pannellum</a> – For panorama viewing functionality
<h4>Privacy Policy</h4>
Advanced Panorama 360 Viewer does not collect or store any personal data. It functions solely to display 360-degree panoramic content on your WordPress site.
<h3>Source Code Availability</h3>
To comply with WordPress.org guidelines and ensure transparency, we provide access to the uncompressed source code of our JavaScript files. This is important for the review process and for users who wish to examine or modify the code.
<h3>Accessing the Source Code</h3>
The uncompressed JavaScript source files are available in the <code>src</code> folder of our plugin repository. You can find these files at:
<a href="https://github.com/shehabulislam/advanced-panorama-360-viewer/tree/main/src" rel="nofollow ugc">https://github.com/shehabulislam/advanced-panorama-360-viewer/tree/main/src</a>
Included in the src folder as well.
We utilized an open-source library for image viewing: https://github.com/mpetroff/pannellum.
<h4>Support</h4>
For support inquiries, please visit our <a href="https://wpshopifyexpert.com/support" rel="nofollow ugc">support forum</a> or contact us at wordpress@wpshopifyexpert.com.
<h4>Contribute</h4>
If you’d like to contribute to the development of this plugin, visit our <a href="https://github.com/shehabulislam/advanced-panorama-360-viewer" rel="nofollow ugc">GitHub repository</a>.

Advanced Panorama 360 Viewer

Display immersive 360-degree panoramas on your WordPress site with our feature-rich 360 image viewer Gutenberg block.

Freemius

Abu Hayat

bPlugins

btechnologies

tomorbplugins

Al Amin

All In One Image Viewer is a powerful and feature-rich WordPress Image Viewer Plugin designed for Gutenberg. It helps you create interactive image experiences using Image Zoom, Image Magnifier, Image Map, Image Rotation, Hotspot Annotations, Image Comparison Slider, Zoom Pan Viewer, Image Overlay, Image Masking, Image Transform, Viewport Controls, and Aspect Ratio management.
Whether you run an eCommerce store, photography portfolio, real estate website, educational platform, art galleries, media website, agency, or business website, this plugin makes it easy to display images more engagingly and interactively.
<a href="https://bplugins.com/products/image-viewer/" rel="nofollow ugc">Image Viewer</a> | <a href="https://bplugins.com/products/image-viewer/pricing/" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/docs/image-viewer" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a>
<h3>Key Features – Free Version</h3>
<ul>
<li>
Four Image Viewer Modes: Choose from Zoom, Magnify, Map, and Rotation viewer modes to display images in the most suitable way for your content.
</li>
<li>
Zoom Viewer with Full Controls: Enable or disable Pan, Zoom, X-Axis, and Y-Axis, set Start Scale, and control Zoom Step for precise image inspection.
</li>
<li>
Magnify Viewer Options: Highlight specific image areas using magnification with adjustable speed and timeout settings.
</li>
<li>
Interactive Image Map: Add multiple map items on an image with full control over: Link URL, Link target, Title, Width & height, Top & left positioning, Drag & drop placement for each map item.
</li>
<li>
Rotation Viewer: Rotate images smoothly with options to: Set custom width and height, Enable or disable auto-rotation, Control auto-rotate speed, Hide or show rotation controls.
</li>
<li>
Responsive & Touch Friendly : Works smoothly on desktop, tablet, and mobile devices, including touch gestures.
</li>
<li>
Unlimited Usage: Use the Image Viewer block unlimited times across posts and pages.
</li>
<li>
Theme Compatibility: Fully compatible with all standard WordPress themes.
</li>
<li>
Lightweight & Performance Optimized: Clean and optimized code ensures fast loading and smooth interaction.
</li>
</ul>
<h3>Pro Version Features</h3>
<ul>
<li>
8 Premium Viewer Styles: Choose from 8 professionally designed styles for modern and visually appealing image presentation.
</li>
<li>
Fully Responsive Design: All Pro styles are 100% responsive, optimized for desktop, tablet, and mobile devices.
</li>
<li>
Custom Styling Options: Control border radius, background colors, shadows, padding, margins, and image positioning — design each viewer your way.
</li>
<li>
Advanced Typography Controls: Customize font family, size, weight, line height, color, and alignment for titles, labels, and captions.
</li>
<li>
Zoom Pan Viewer: Advanced zoom and pan image viewing with full control over viewer width & height, zoom in/out, drag & pan interaction, header buttons, and smooth mouse, scroll, and touch gesture support.
</li>
<li>
Transform Image: Advanced image transformation with full control over viewer width & height, image rotation angle, flip direction, brightness and contrast adjustment, and one-click reset for precise visual tuning.
</li>
<li>
Masking: Creative image masking with full control over mask shape, size, position, repeat behavior, and custom width & height to highlight or reveal specific areas with precision.
</li>
<li>
Image Comparison Slider: Interactive before/after image comparison with full control over viewer width & height, image swap, label show/hide, label position, custom before/after texts, divider icon customization, and optional control buttons for a clear comparison experience.
</li>
<li>
Image Viewport: Device-based image viewport control with separate width and height (settings for desktop, tablet, and mobile, ensuring perfectly optimized image display on every screen.
</li>
<li>
Multi Image Overlay: Display multiple images in layered overlay mode with add, delete, and duplicate, individual visibility toggle, opacity control, and precise width & height settings for advanced visual composition.
</li>
<li>
Hotspot Annotations: Create interactive image hotspots with add, delete, and duplicate hotspot support, precise X/Y positioning, tooltip enable/disable, ping animation toggle, footer show/hide, custom hotspot title & description, button icon, button text, URL linking with new-tab option, and full control over viewer width & height.
</li>
<li>
Image Aspect Ratio: Choose predefined aspect ratios (1:1, 16:9, 4:3, 3:2, 21:9) with object-fit modes (cover, contain, fill) and custom background color control to ensure perfectly proportioned images across all layouts and devices.
</li>
</ul>
<h3>Why Choose All In One Image Viewer?</h3>
If you are looking for a complete Image Viewer Plugin for WordPress, this plugin provides multiple image interaction tools in a single Gutenberg block. All In One Image Viewer combines multiple image interaction technologies into a single Gutenberg block, allowing website owners to create engaging, responsive, and interactive image experiences without writing code.
Whether you need an Image Zoom Plugin, Image Magnifier, Interactive Image Map, Before After Image Slider, Hotspot Image Viewer, or Zoom Pan Viewer, this plugin provides everything in one solution.
<h3>With All In One Image Viewer, you can:</h3>
✔ Create interactive Image Zoom effects
✔ Add Image Magnifier functionality
✔ Build clickable Image Maps
✔ Create Before & After Image Comparison Sliders
✔ Add Hotspot Annotations with tooltips
✔ Enable smooth Zoom and Pan interactions
✔ Rotate images interactively
✔ Create layered Multi Image Overlays
✔ Apply creative Image Masking effects
✔ Transform images with rotation and flipping
✔ Control image display using responsive Viewports
✔ Manage custom Aspect Ratios across devices
✔ Improve image engagement and user interaction
✔ Enhance WooCommerce product image presentation
✔ Display professional photography portfolios
<h3>Why is All In One Image Viewer such a game-changer?</h3>
<ul>
<li>
Configure — You can easily modify the Image Viewer plugin to suit your needs. Your work will go more quickly thanks to the Image Viewer plugin’s features and simplicity of use.
</li>
<li>
There are eight different viewer types — rotate, zoom, map, zoom pan viewer, viewport, comparison slider, aspect ratio, masking, multi image overlay, hotspot, and transform.
</li>
<li>
Customer Service — Our staff is always available to assist you. It’s easy for users to <a href="https://bplugins.com/support" rel="nofollow ugc">ask questions</a> and get quick answers.
</li>
<li>
Updates — With frequent updates, we bring the functionality and performance of the plugin up to date. Upgrading to newer versions is also easy, ensuring uninterrupted service.
</li>
</ul>
<h3>How to use</h3>
<ul>
<li>First, install the All In One Image Viewer plugin.</li>
<li>Add the Image viewer block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For installation help, click on the Installation Tab
</li>
</ul>
<h3>External Services</h3>
This plugin connects to the following external services from the admin dashboard:
<h4>bPlugins Products API</h4>
<ul>
<li>Service URL: <a href="https://api.bplugins.com" rel="nofollow ugc">https://api.bplugins.com</a></li>
<li>Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.</li>
<li>Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.</li>
<li>Terms of Service: <a href="https://bplugins.com/terms-of-service/" rel="nofollow ugc">https://bplugins.com/terms-of-service/</a></li>
<li>Privacy Policy: <a href="https://bplugins.com/privacy-policy/" rel="nofollow ugc">https://bplugins.com/privacy-policy/</a></li>
</ul>
<h4>Freemius (wp.freemius.com)</h4>
<ul>
<li>Endpoint: https://wp.freemius.com/</li>
<li>Used for: Processing plugin opt-in consent form submissions.</li>
<li>Data sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version.</li>
<li>Terms of Service: <a href="https://freemius.com/terms/" rel="nofollow ugc">https://freemius.com/terms/</a></li>
<li>Privacy Policy: <a href="https://freemius.com/privacy/" rel="nofollow ugc">https://freemius.com/privacy/</a></li>
</ul>
<h4>WordPress.org Plugins API</h4>
<ul>
<li>Service URL: <a href="https://api.wordpress.org" rel="nofollow ugc">https://api.wordpress.org</a></li>
<li>Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section).</li>
<li>Data Sent: Plugin slugs and author name; no personal or site data is collected.</li>
<li>Terms of Service: <a href="https://wordpress.com/tos/" rel="nofollow ugc">https://wordpress.com/tos/</a></li>
<li>Privacy Policy: <a href="https://wordpress.org/about/privacy/" rel="ugc">https://wordpress.org/about/privacy/</a></li>
</ul>
<h3>Third-Party Libraries</h3>
<ul>
<li>Source / GitHub: <a href="https://github.com/bPlugins/bpl-tools" rel="nofollow ugc">Bpl-Tools GitHub</a></li>
<li>License: <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPL-2.0-or-later</a></li>
<li>Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.</li>
<li>External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: <a href="https://github.com/bPlugins/bpl-tools#external-requests--why-they-are-made" rel="nofollow ugc">https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made</a></li>
</ul>

All In One Image Viewer – Zoom, Maps & Comparison

A Gutenberg block to display images with zoom, magnify, map, pan viewer, comparison slider, masking, transform, and more.

Advanced Panorama 360 Viewer vs All In One Image Viewer – Zoom, Maps & Comparison