{"id":536129,"date":"2026-06-02T04:31:56","date_gmt":"2026-06-02T04:31:56","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=536129"},"modified":"2026-06-02T04:32:04","modified_gmt":"2026-06-02T04:32:04","slug":"product-image-360-degree-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/","title":{"rendered":"User Guide for CS-Cart Product Image 360 Degree"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/cs-cart-360-degree-product-images.html\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Product Image 360 Degree<\/a> add-on enhances your store\u2019s product presentation by turning static images into an interactive and immersive viewing experience.<\/p>\n\n\n\n<p>It enables customers to explore products from every angle, closely simulating an in-store experience where they can inspect items in detail. <\/p>\n\n\n\n<p>The add-on helps shoppers better understand product design, texture, and overall quality, reducing uncertainty and boosting buying confidence. <\/p>\n\n\n\n<p>With easy-to-manage admin controls, flexible configuration options, and seamless integration into product and quick view pages, this add-on significantly improves user engagement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable or disable the 360\u00b0 view for the entire store or only for selected categories as per your need.<\/li>\n\n\n\n<li>Upload images from different angles to create a realistic and complete view of the product.<\/li>\n\n\n\n<li>Adjust rotation speed and animation settings to control how the product is displayed.<\/li>\n\n\n\n<li>Display the 360\u00b0 view on both the product detail page and the quick view popup.<\/li>\n\n\n\n<li>Provide a smooth auto-rotate effect so customers can easily explore the product from all sides.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation\">Installation<\/h2>\n\n\n\n<p>To install CS-Cart Product Image 360 Degree , follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to Manage&nbsp;<strong>Add-ons<\/strong>, click on the gear drop-down, and select Manual Installation.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\" alt=\"Manual installation\" class=\"wp-image-507185\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now,Click on<strong>&nbsp;\u201cLocal\u201d<\/strong>&nbsp;to browse the zip file, click on \u201c<strong>Upload &amp; Install<\/strong>\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/selectzip.webp\" alt=\"Select zip file for installation\" class=\"wp-image-507188\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/selectzip.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/selectzip-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/selectzip-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/selectzip-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After installing the add-on, you will find \u2018<strong>360 Degree Products Image View<\/strong>\u2019 in the list of available add-ons.<\/p>\n\n\n\n<p>Therefore, ensure that the add-on is activated, as shown in the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-1200x943.webp\" alt=\"cscart 360 image view\" class=\"wp-image-536136\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/360-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Admin Configuration:<\/h2>\n\n\n\n<p>The admin can configure the general settings for the module as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Allowed Categories <\/strong>: Set the option to <strong>All Categories<\/strong> to enable 360\u00b0 view for all products, or choose <strong>Selected Categories<\/strong> to apply it only to specific categories.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-1200x943.webp\" alt=\"Admin configuration section\" class=\"wp-image-536137\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image2-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After configuring the add-on, go to the settings section to manage product configuration for the 360\u00b0 view.<br>On the product description page, click on <strong>360 Degree Product Images<\/strong>.<\/p>\n\n\n\n<p>After that, check the box for <strong>Enable 360 Degree Images<\/strong>, and configure the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable Auto Animation<\/strong> : Enabling this option allows you to show your 360 degree image as an animation by default. <\/li>\n\n\n\n<li><strong>Enable Buttons<\/strong> : On enabling this option you can show the left, right, play and pause buttons that will move the 360 degree image in the corresponding direction.<\/li>\n\n\n\n<li><strong>Revolution<\/strong> : Enter the number of pixels you want to have per single revolution of the image. Eg: If you enter 800, then one revolution of image will take 800 pixel of mouse movement.<\/li>\n\n\n\n<li><strong>Rotation Direction<\/strong> : Select the direction you want to auto rotate the product image.<\/li>\n\n\n\n<li><strong>Animation Speed&nbsp;<\/strong>: Select the speed at which you want to animate the 360 degree image. Note: The lower the speed, higher the number of frames\/images required for a smooth transition.<\/li>\n\n\n\n<li><strong>Cursor&nbsp;<\/strong>: Select the type of cursor you want to show when hovering on a 360 degree image.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-1200x943.webp\" alt=\"enable 360 onn product\" class=\"wp-image-536155\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image4-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>After saving, a <strong>\u201cSee 360 Image\u201d<\/strong> button will appear. Clicking on it will redirect you to the page where you can add or delete 360\u00b0 product images.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-1200x943.webp\" alt=\"see 360 images\" class=\"wp-image-536161\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/images6-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>On this page, you can upload images that will be used to create the 360\u00b0 view on the storefront.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"695\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-1200x695.webp\" alt=\"upload images on products\" class=\"wp-image-536171\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-1200x695.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-300x174.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-250x145.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-768x445.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-1536x889.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image6-2048x1186.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Storefront View<\/h3>\n<\/div><\/div>\n\n\n\n<p>Once the images are uploaded, the 360\u00b0 product view becomes available on the storefront product page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"395\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/gif-1.gif\" alt=\"gif-1\" class=\"wp-image-540836\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Customers can interact with the product by rotating it to see every angle, giving them a more detailed and realistic view. <\/p>\n\n\n\n<p>The auto-rotate feature allows the product to spin smoothly, while optional controls let users manually navigate through the images for a better viewing experience.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-1200x943.webp\" alt=\"image rotation\" class=\"wp-image-536177\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image7-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The product rotates on the storefront, and its speed changes based on the rotation settings configured by the admin\/vendor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-1200x943.webp\" alt=\"Images rotation on products page\" class=\"wp-image-536179\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image8-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Users can change the image using the icons or pause the rotation, as shown in the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"943\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-1200x943.webp\" alt=\"Rotate, pause the images\" class=\"wp-image-536187\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-1200x943.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-768x603.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-1536x1207.webp 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image9-2048x1609.webp 2048w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Users can rotate the product images by moving the cursor over them, allowing smooth and responsive interaction.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"617\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10-1200x617.webp\" alt=\"rotate the image by curser\" class=\"wp-image-536192\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10-1200x617.webp 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10-300x154.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10-250x129.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10-768x395.webp 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/04\/image10.webp 1229w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The <strong>CS-Cart Product Image 360 Degree Add-on<\/strong> enhances product presentation by allowing customers to view items from every angle in an interactive way.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Support<\/strong><\/h2>\n\n\n\n<p>If you have any questions, suggestions, or customization requests, feel free to contact us at&nbsp;support@webkul.com&nbsp;or submit a ticket at&nbsp;<a href=\"http:\/\/webkul.uvdesk.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">webkul.uvdesk.com.<\/a><\/p>\n\n\n\n<p>Explore our premium-quality&nbsp;<a href=\"https:\/\/store.webkul.com\/CS-Cart.html\" target=\"_blank\" rel=\"noreferrer noopener\">CS Cart Extensions<\/a>&nbsp;to enhance your store functionality.<\/p>\n\n\n\n<p>You can explore our&nbsp;<a href=\"https:\/\/webkul.com\/cs-cart-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">CS-Cart Development Services<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/marketplace.cs-cart.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Quality&nbsp;CS-Cart add-ons<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>CS-Cart Product Image 360 Degree add-on enhances your store\u2019s product presentation by turning static images into an interactive and immersive viewing experience. It enables customers to explore products from every angle, closely simulating an in-store experience where they can inspect items in detail. The add-on helps shoppers better understand product design, texture, and overall quality, <a href=\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":704,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-536129","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CS-Cart Product Image 360 Degree<\/title>\n<meta name=\"description\" content=\"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CS-Cart Product Image 360 Degree\" \/>\n<meta property=\"og:description\" content=\"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-02T04:31:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-02T04:32:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\" \/>\n<meta name=\"author\" content=\"Saurabh Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saurabh Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\"},\"author\":{\"name\":\"Saurabh Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\"},\"headline\":\"User Guide for CS-Cart Product Image 360 Degree\",\"datePublished\":\"2026-06-02T04:31:56+00:00\",\"dateModified\":\"2026-06-02T04:32:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\"},\"wordCount\":690,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\",\"name\":\"CS-Cart Product Image 360 Degree\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\",\"datePublished\":\"2026-06-02T04:31:56+00:00\",\"dateModified\":\"2026-06-02T04:32:04+00:00\",\"description\":\"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp\",\"width\":1120,\"height\":880},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"User Guide for CS-Cart Product Image 360 Degree\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3\",\"name\":\"Saurabh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Saurabh Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CS-Cart Product Image 360 Degree","description":"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/","og_locale":"en_US","og_type":"article","og_title":"CS-Cart Product Image 360 Degree","og_description":"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.","og_url":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2026-06-02T04:31:56+00:00","article_modified_time":"2026-06-02T04:32:04+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp","type":"","width":"","height":""}],"author":"Saurabh Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Saurabh Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/"},"author":{"name":"Saurabh Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3"},"headline":"User Guide for CS-Cart Product Image 360 Degree","datePublished":"2026-06-02T04:31:56+00:00","dateModified":"2026-06-02T04:32:04+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/"},"wordCount":690,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/","url":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/","name":"CS-Cart Product Image 360 Degree","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp","datePublished":"2026-06-02T04:31:56+00:00","dateModified":"2026-06-02T04:32:04+00:00","description":"Enhance your store with interactive 360\u00b0 product views using the CS-Cart Product Image 360 Degree add-on. Showcase products from every angle with smooth rotation and customizable display settings to improve shopping experience and drive more sales.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/01\/manualinstall-1.webp","width":1120,"height":880},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/product-image-360-degree-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"User Guide for CS-Cart Product Image 360 Degree"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/7145b649a8416bbae067737b289f02b3","name":"Saurabh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b209f67b36d9e71b960995c8412fd5d79c2895dce99143ce25cadb6d77016024?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Saurabh Singh"},"url":"https:\/\/webkul.com\/blog\/author\/saurabh-singhqa322\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/536129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/704"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=536129"}],"version-history":[{"count":35,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/536129\/revisions"}],"predecessor-version":[{"id":540837,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/536129\/revisions\/540837"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=536129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=536129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=536129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}