360 Product Viewer for WooCommerce


Gone are the days of static product images! With our plugin, you can take your online store to the next level and offer an immersive shopping experience that will keep your customers coming back for more.

The intuitive interface makes it easy to set up and integrate with your WooCommerce store, ensuring that your customers can start exploring your products in 360 degrees right away.

Get ready to captivate your customers and increase engagement with our 360 Degree Product Viewer for WooCommerce. Install it today and take the first step towards revolutionizing your online store!

Here are some of the features and benefits of the 360 Degree Product Viewer for WooCommerce:

  • Easy to install and set up: Our plugin is user-friendly and can be installed and set up with just a few clicks.

  • 360-degree product views: This plugin enables your customers to view your products from all angles, providing them with a detailed view of your products.

  • Increased customer engagement: By allowing your customers to view your products in 360 degrees, you can increase customer engagement and reduce the likelihood of product returns.

  • Improved customer satisfaction: This plugin provides your customers with a more immersive shopping experience, which can lead to improved customer satisfaction

  • Customizable settings: You can customize the settings of the plugin to match your store’s branding and design.

  • Cross-browser compatibility: The plugin is compatible with all major web browsers, ensuring that your customers can view your products in 360 degrees on any device.


  • Settings
  • 360 Product Viewer using Shortcode
  • 360 Product Viewer single product popup


  1. Install & activate the WooCommerce plugin, if not activated already.
  2. Upload the entire sr-product-360-view folder to the /wp-content/plugins/ directory.
  3. Activate the plugin through the Plugins menu in WordPress.

In case you find difficulties in setting up your plugin, feel free to write an email to plugins@qewebby.com


What is the right way to use a shortcode?

The right way to use a shortcode is as follows:
[wp360view product_id = XX]
Replace the mentioned product_id value with your product_id value.

How can I set the frame rate and speed of rotation for my product?

You can update the frame rate and speed of rotation of your product from: WooCommerce > Settings > 360 View Settings

Why my product’s animation did not start loading?

To start loading your product’s animation you need to make sure you have enabled JavaScript in your browser. JavaScript errors or duplicate jQuery scripts loaded on your webpage can hinder your product animation.

Can I display multiple 360 views on one page?

Sure! With the help of shortcodes, you can add as many views as you want. It’s easy!

When I attempt to drag or play the view, it plays too quickly. How to fix it?

The product may seem to play fast if you add only a few pictures. We highly recommend using at least 36 images with one image per 10° for smooth animation.

How to set globally or override various settings like: navigation, dragging, spinning, cursor showing, enabling full screen, and Zooming In/Out?

The shortcodes to perform these settings are:
Navigation > [wp360view product_id = xx navigation = “true”]
Dragging > [wp360view product_id = xx drag = “true”]
Spinning > [wp360view product_id = xx enablespin = “true”]
Cursor showing > [wp360view product_id = xx showcursor= “false”]
Enabling full screen > [wp360view product_id = xx fullscreen = “true”]
Zooming in/out > [wp360view product_id = xx zoominout = “true”]

How to set globally or override various multiple settings like: navigation, dragging, spinning, cursor showing, enabling full screen, and Zooming In/Out?

The shortcode to perform these setting is:
[wp360view product_id = XX showcursor= “false” enablespin = “true” …. ]

What is causing the product image to not function properly when used on WooCommerce?

Your WooCommerce theme may have a custom product image template that overrides the default image hook. We have a small code snippet to fix this issue. Please contact us using the “Contact Author” button given below, to access it.


2023 年 7 月 11 日 1 則留言
I use this code instead of shortcode <?php if(get_the_ID()){ echo do_shortcode( ‘[wp360view product_id =’ . get_the_ID() . ‘]’);} ?>
閱讀全部 1 則使用者評論


以下人員參與了開源軟體〈360 Product Viewer for WooCommerce〉的開發相關工作。


〈360 Product Viewer for WooCommerce〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈360 Product Viewer for WooCommerce〉外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄



  • CSS issue fixed.


  • Check latest WP version compatibility and fixed issues.


  • Added: Added compatibility for latest WordPress version of 6.3
  • Added: Added Plugin compatibility for PHP 8.1.
  • Added: Upgraded language POT file.
  • Fixed: Fixed Show Cursor issue on Product Single Popup.
  • Fixed: Fixed Multiple Short code Play / Pause button issue.
  • Fixed: Fixed Minor CSS Changes.


  • Initial Release