XeroWP
Sonic Pixel Product Spin for WooCommerce
Sonic Pixel Product Spin for WooCommerce

Sonic Pixel Product Spin for WooCommerce

0/5 (0 ratings) — active installs Updated Oct 9, 2026
360media libraryproduct spinproduct viewerwoocommerce
Download v1.2.5
Product editor — 360° Spin metabox with frame thumbnails, placement, and shortcode.

Product editor — 360° Spin metabox with frame thumbnails, placement, and shortcode.

Sonic Pixel Product Spin for WooCommerce lets a shop manager attach an ordered set of photos to a product and show them as a 360° spin on the product page. Frames live in the WordPress media library and are served by your own site. There is no third-party CDN, no subscription, and no remote service that can shut down.

The plugin never replaces the WooCommerce product gallery. You can show the spin via a [sppfw_product_spin] shortcode, an extra product tab, a section below the product summary, or as the first gallery slide (the theme keeps thumbnails, zoom, and lightbox). Shop and category pages can show a small 360° badge on products that have frames — the viewer itself is not loaded on archives.

Key Features

  • Self-hosted frames — ordinary media-library attachments, stored under wp-content/uploads/
  • Does not replace the gallery — optional first-slide injection; thumbnails, lightbox, zoom, and variation images stay with the theme
  • Placements — shortcode, extra tab, below-summary, or first gallery slide (falls back to below-summary if the theme gallery is not recognised)
  • Catalog 360° badge — presentational badge on shop/category thumbnails; opt out under WooCommerce Settings Products
  • Drag, touch, and keyboard — Pointer Events for mouse and touch, inertia after a flick, arrow keys for accessibility, optional autoplay
  • Lazy loading — remaining frames load on first interaction or when the viewer scrolls into view
  • Simple product editor — media-library multi-select, drag-to-reorder thumbnails, placement radios, autoplay checkbox
  • Library hygiene — spin frames are tagged and hidden from the general media library by default, with a “Spin frames” filter to reach them
  • Organized uploads — new frames uploaded from the product metabox go to uploads/product-spins/product-{id}/
  • Conditional assets — viewer CSS and JS enqueue only on pages that actually render a spin; archives never load the viewer

How to use

  1. Edit a WooCommerce product.
  2. In the 360° Spin box, click Add / Edit frames and select 24–72 photos shot in order around the product. Frame 1 is the resting view.
  3. Drag thumbnails to reorder if needed.
  4. Choose a placement (None / Extra tab / Below product summary / First gallery slide) and optionally enable autoplay.
  5. Update the product. You can also paste the shortcode [sppfw_product_spin] into any page or product description.
  6. Optionally turn off the catalog 360° badge under WooCommerce Settings Products.

How to shoot frames

  • Mount the camera (or the product) so the framing stays consistent.
  • Rotate the product in even steps. 24 frames (15°) is the practical minimum; 36 frames (10°) is the usual sweet spot; 72 frames (5°) is very smooth but heavier.
  • Keep lighting and background constant. Export JPEGs; WordPress will create intermediate sizes.

Requirements

  • WordPress 6.0 or higher
  • WooCommerce 7.0 or higher
  • PHP 7.4 or higher

Additional Information

Privacy

This plugin does not collect, store, or transmit personal data. It stores product meta (frame attachment IDs, placement, autoplay) on your site.

Credits

Developed by Mike Sewell at SonicPixel.

License

This plugin is licensed under the GPL v2 or later.