內容簡介
Sonic Pixel Product Spin for WooCommerce 允許商店管理員將一組有序的照片附加到產品上，並在產品頁面顯示 360° 旋轉效果。此外掛自我託管媒體，無需第三方服務，增強了產品展示的互動性。
【主要功能】
• 自我託管框架，無需第三方 CDN
• 不替換 WooCommerce 產品畫廊
• 多種顯示位置選擇
• 360° 標籤顯示於商店/分類頁
• 支援拖曳、觸控及鍵盤操作
• 懶加載技術提升效能
外掛標籤
開發者團隊
② 後台搜尋「Sonic Pixel Product Spin for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
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
Edit a WooCommerce product.
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.
Drag thumbnails to reorder if needed.
Choose a placement (None / Extra tab / Below product summary / First gallery slide) and optionally enable autoplay.
Update the product. You can also paste the shortcode [sppfw_product_spin] into any page or product description.
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.
