{"id":233539,"date":"2020-02-27T09:40:23","date_gmt":"2020-02-27T09:40:23","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=233539"},"modified":"2025-07-29T11:04:32","modified_gmt":"2025-07-29T11:04:32","slug":"magento2-product-360","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-product-360\/","title":{"rendered":"Magento 2 Product 360 Degree View"},"content":{"rendered":"\n<p><a href=\"https:\/\/store.webkul.com\/magento2-product-360-view.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Product 360 Degree View<\/a> extension allows the admin to show their customers 360 views of a product. <\/p>\n\n\n\n<p>It allows the customers to have a more alluring and magnificent view of the products by integrating multiple images in a proper sequence. <\/p>\n\n\n\n<p>The admin can establish a 360-degree view of a product. This extension provides a full view of the product from every possible angle that enriches the product&#8217;s look.<\/p>\n\n\n\n<p><strong>NOTE: This module will work for Simple, Configurable, and bundle products only.<\/strong><\/p>\n\n\n\n<p>Check the overview of the Magento 2 Product 360 Degree View extension:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"EuJinzdGkh4\"><div class=\"components-placeholder__instructions\">EuJinzdGkh4<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\"><strong>Features<\/strong><\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Admin can easily set the view of a product to 360-degree. <\/li>\n\n\n\n<li>Admin can delete the images to a 360-degree product view.  <\/li>\n\n\n\n<li>With a 360-degree product view, a customer can view every side of a product in a 360-degree rotating view. <\/li>\n\n\n\n<li>Customers can stop or start again the 360-degree product view by clicking on the start\/stop button. <\/li>\n\n\n\n<li>The admin can manage the spin speed at which images rotate in a 360-degree view of a product. <\/li>\n\n\n\n<li>Admin can preview the product 360 views, before saving the product and can manage the images accordingly.<\/li>\n\n\n\n<li>The extension is compatible with the <a href=\"https:\/\/webkul.com\/hyva-theme-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hyva Theme<\/a>. <\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers will get a\u00a0<strong>zip folder<\/strong>\u00a0then they have to extract the contents of this zip folder on their system.<\/p>\n\n\n\n<p>The extracted folder has an<strong>\u00a0src<\/strong>\u00a0folder, inside the src folder you have the\u00a0<strong>app<\/strong>\u00a0folder.You need to transfer this\u00a0<strong>app<\/strong>\u00a0folder into the Magento2 root directory on the server as shown below.<\/p>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"880\" height=\"278\" class=\"wp-image-233566\" style=\"width: 880px;\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png\" alt=\"Move-app-folder-2-1\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-768x242.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1.png 1302w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/figure>\n\n\n<p>After the successful installation, you have to<strong>&nbsp;run these commands<\/strong>&nbsp;in the&nbsp;<strong>Magento2 root<\/strong>&nbsp;directory:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:upgrade<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:di:compile<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento setup:static-content:deploy<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento indexer:reindex<\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\">php bin\/magento cache:flush<\/pre>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Configuration For Multi-Lingual Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>For the\u00a0<strong>multilingual<\/strong>\u00a0support, the\u00a0admin will navigate through\u00a0<strong>Store->Configuration->General ->Locale Options<\/strong>\u00a0<\/p>\n\n\n\n<p>then select the\u00a0<strong>locale<\/strong>\u00a0as German (the language into which admin wants to translate his store content).<\/p>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"880\" height=\"567\" class=\"wp-image-233576\" style=\"width: 880px;\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1-1200x773.png\" alt=\"Magento 2 Product 360 Degree View LAnguage-1\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1-1200x773.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1-300x193.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1-250x161.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1-768x495.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/LAnguage-1.png 1343w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/figure>\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>Furthermore, if you want to translate their module language from English to German <\/p>\n\n\n\n<p>then follow the path\u00a0<strong>app\/code\/Webkul\/Product360View\/i18n<\/strong>\u00a0in their unzipped Magento2 Preorder folder and then you will get a CSV file with name \u201cen_US.csv\u201d.<\/p>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"880\" height=\"279\" class=\"wp-image-269921\" style=\"width: 880px;\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/10\/LANGUAGE-TRANSLATION-1200x380-1.png\" alt=\"LANGUAGE-TRANSLATION-1200x380-1\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/10\/LANGUAGE-TRANSLATION-1200x380-1.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/10\/LANGUAGE-TRANSLATION-1200x380-1-300x95.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/10\/LANGUAGE-TRANSLATION-1200x380-1-250x79.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/10\/LANGUAGE-TRANSLATION-1200x380-1-768x243.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" loading=\"lazy\" \/><\/figure>\n\n\n<p>Now, rename that CSV as to your region code and language code \u201cde_DE.csv\u201d then translate all right side content after a comma in your language. <\/p>\n\n\n\n<p>After editing the CSV, save it and then upload it to the path&nbsp;<strong>app\/code\/Webkul\/Product360View\/i18n<\/strong>&nbsp;where you have installed Magento 2 on their server. <\/p>\n\n\n\n<p class=\"has-text-align-left\">The module will get translated into your desired Language. It also supports&nbsp;<strong>RTL&nbsp;<\/strong>and&nbsp;<strong>LTR&nbsp;<\/strong>languages. The user can edit the CSV like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1094\" height=\"407\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/CSV-1-1-1.png\" alt=\"CSV-1-1-1\" class=\"wp-image-234711\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/CSV-1-1-1.png 1094w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/CSV-1-1-1-300x112.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/CSV-1-1-1-250x93.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/CSV-1-1-1-768x286.png 768w\" sizes=\"(max-width: 1094px) 100vw, 1094px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the installation of\u00a0the <strong>Magento 2 Product 360 Degree View image <\/strong>extension<strong>,<\/strong> <\/p>\n\n\n\n<p>the admin will find the configuration settings panel by navigating through <strong>Stores->Configuration->Product 360 View Configuration<\/strong> as per the snapshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/module-configuration.webp\" alt=\"module-configuration\" class=\"wp-image-501060\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/module-configuration.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/module-configuration-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/module-configuration-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/module-configuration-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Enable:<\/strong> Admin can enable\/disable 360 product image view for all products &amp; full-screen view of a product under the module&#8217;s configuration page. <\/p>\n\n\n\n<p><strong>360 Frame Time: <\/strong>Admin can also set 360 Frame Times for rotation of the file. It is in a millisecond if it is less in number then it rotates fast or if it is more in number then rotate slow.<\/p>\n\n\n\n<p><strong>Thumbnail Image:<\/strong> Admin can upload its thumbnail image and allowed file types: jpg, jpeg, gif, png. <\/p>\n\n\n\n<p>By navigating through <strong>Catalog-&gt;Products<\/strong>, Admin can set a 360-degree view of a given product.<\/p>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" class=\"alignnone wp-image-501077 size-full\" style=\"width: 880px;\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/admin-dashboard.webp\" alt=\"Magento 2 Product 360 Degree View admin product management\" width=\"1120\" height=\"880\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/admin-dashboard.webp 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/admin-dashboard-300x236.webp 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/admin-dashboard-250x196.webp 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/admin-dashboard-768x603.webp 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n<p>Moreover, the admin can set a 360 product view of a product under the &#8220;Products&#8221; tab, by clicking on the &#8220;Edit&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1196\" height=\"639\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/product-1.png\" alt=\"product-1\" class=\"wp-image-234645\" style=\"width:880px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/product-1.png 1196w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/product-1-300x160.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/product-1-250x134.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/product-1-768x410.png 768w\" sizes=\"(max-width: 1196px) 100vw, 1196px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here you can edit the product as per below image:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"883\" height=\"1024\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page-883x1024.png\" alt=\"admin-product-edit-page\" class=\"wp-image-235959\" style=\"width:880px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page-883x1024.png 883w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page-259x300.png 259w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page-215x249.png 215w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page-768x891.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/admin-product-edit-page.png 1203w\" sizes=\"(max-width: 883px) 100vw, 883px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, the admin will add all the images that will be available at Front End in a 360-degree product view. Admin can also enable\/disable an image view of 360-degrees for that particular product.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Front End View<\/h3>\n<\/div><\/div>\n\n\n\n<p>Customers can view a 360-degree product view of a product. The image below gives a 360-degree view of the product.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1200\" height=\"791\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1-1200x791.png\" alt=\"customer-end-1\" class=\"wp-image-235962\" style=\"width:880px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1-1200x791.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1-300x198.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1-250x165.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1-768x506.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-end-1.png 1209w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">360-Degree Product View<\/h2>\n\n\n\n<p>A customer can start or stop the 360-degree view of the product. A customer can view a product by 360 degrees as shown in the image below. <\/p>\n\n\n<div class=\"wk-two-columns\">\n<div class=\"wk-columns --left\">\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-235983\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/play-product.png\" alt=\"play-product\" width=\"923\" height=\"423\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/play-product.png 923w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/play-product-300x137.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/play-product-250x115.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/play-product-768x352.png 768w\" sizes=\"(max-width: 923px) 100vw, 923px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<div class=\"wk-columns --right\"><img decoding=\"async\" class=\"alignnone size-full wp-image-235975\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-product-360.png\" alt=\"customer-product-360\" width=\"969\" height=\"440\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-product-360.png 969w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-product-360-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-product-360-250x114.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/03\/customer-product-360-768x349.png 768w\" sizes=\"(max-width: 969px) 100vw, 969px\" loading=\"lazy\" \/><\/div>\n<\/p>\n<\/div>\n\n\n<p>In this way, the admin can choose to show a product view of a 360-degree image.<\/p>\n\n\n\n<p><strong>Source<\/strong> &#8211;\u00a0<a href=\"https:\/\/www.hyundai.com\/in\/en\/find-a-car\/grand-i10-nios\/exterior\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.hyundai.com\/in\/en\/find-a-car\/grand-i10-nios\/exterior<\/a> <br><\/p>\n\n\n\n<p><strong>Please note<\/strong>, the above images, logo, brand name used is for representation purposes only. Hyundai Motor India is the original copyright owner. <\/p>\n\n\n\n<p>If there&#8217;s an issue, please revert to support@webkul.com<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all for <strong>Magento 2 Product 360 Degree View<\/strong> and if you&nbsp;still have any issue, feel free to add a ticket and let us know your views to make the module better&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.uvdesk.com\/\" target=\"_blank\">webkul.uvdesk.com<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Magento 2 Product 360 Degree View extension allows the admin to show their customers 360 views of a product. It allows the customers to have a more alluring and magnificent view of the products by integrating multiple images in a proper sequence. The admin can establish a 360-degree view of a product. This extension provides <a href=\"https:\/\/webkul.com\/blog\/magento2-product-360\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":291,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9121],"tags":[2460],"class_list":["post-233539","post","type-post","status-publish","format-standard","hentry","category-magento-2","tag-magento-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Magento 2 Product 360 | Image Rotation plugin<\/title>\n<meta name=\"description\" content=\"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.\" \/>\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\/magento2-product-360\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Product 360 | Image Rotation plugin\" \/>\n<meta property=\"og:description\" content=\"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-product-360\/\" \/>\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=\"2020-02-27T09:40:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-29T11:04:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png\" \/>\n<meta name=\"author\" content=\"Anshika Sharma\" \/>\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=\"Anshika Sharma\" \/>\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\/magento2-product-360\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/\"},\"author\":{\"name\":\"Anshika Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/977584baf9dc2bd20c1aa44f02df128b\"},\"headline\":\"Magento 2 Product 360 Degree View\",\"datePublished\":\"2020-02-27T09:40:23+00:00\",\"dateModified\":\"2025-07-29T11:04:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/\"},\"wordCount\":777,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png\",\"keywords\":[\"Magento 2\"],\"articleSection\":[\"Magento 2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-360\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/\",\"name\":\"Magento 2 Product 360 | Image Rotation plugin\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png\",\"datePublished\":\"2020-02-27T09:40:23+00:00\",\"dateModified\":\"2025-07-29T11:04:32+00:00\",\"description\":\"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-product-360\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1.png\",\"width\":1302,\"height\":411,\"caption\":\"Move-app-folder-2-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-product-360\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Magento 2 Product 360 Degree View\"}]},{\"@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\/977584baf9dc2bd20c1aa44f02df128b\",\"name\":\"Anshika Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bd46065a6efc7d63d852f156874135a449fd46703f0ebc0a31c8e075c453f511?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bd46065a6efc7d63d852f156874135a449fd46703f0ebc0a31c8e075c453f511?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Anshika Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/anshikasharma-bd674\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Magento 2 Product 360 | Image Rotation plugin","description":"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.","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\/magento2-product-360\/","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Product 360 | Image Rotation plugin","og_description":"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.","og_url":"https:\/\/webkul.com\/blog\/magento2-product-360\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-02-27T09:40:23+00:00","article_modified_time":"2025-07-29T11:04:32+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png","type":"","width":"","height":""}],"author":"Anshika Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Anshika Sharma","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/"},"author":{"name":"Anshika Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/977584baf9dc2bd20c1aa44f02df128b"},"headline":"Magento 2 Product 360 Degree View","datePublished":"2020-02-27T09:40:23+00:00","dateModified":"2025-07-29T11:04:32+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/"},"wordCount":777,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png","keywords":["Magento 2"],"articleSection":["Magento 2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-product-360\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/","url":"https:\/\/webkul.com\/blog\/magento2-product-360\/","name":"Magento 2 Product 360 | Image Rotation plugin","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1-1200x379.png","datePublished":"2020-02-27T09:40:23+00:00","dateModified":"2025-07-29T11:04:32+00:00","description":"Magento 2 Product 360 extension helps the admin to show their customers every side of a product. The admin can establish a 360-degree view of a product.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-product-360\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/02\/Move-app-folder-2-1.png","width":1302,"height":411,"caption":"Move-app-folder-2-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-product-360\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Magento 2 Product 360 Degree View"}]},{"@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\/977584baf9dc2bd20c1aa44f02df128b","name":"Anshika Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bd46065a6efc7d63d852f156874135a449fd46703f0ebc0a31c8e075c453f511?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bd46065a6efc7d63d852f156874135a449fd46703f0ebc0a31c8e075c453f511?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Anshika Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/anshikasharma-bd674\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/233539","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\/291"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=233539"}],"version-history":[{"count":147,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/233539\/revisions"}],"predecessor-version":[{"id":501079,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/233539\/revisions\/501079"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=233539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=233539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=233539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}