{"id":284212,"date":"2021-03-04T16:31:07","date_gmt":"2021-03-04T16:31:07","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=284212"},"modified":"2025-02-26T06:36:12","modified_gmt":"2025-02-26T06:36:12","slug":"opencart-360-product-view","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/","title":{"rendered":"OpenCart Product 360 View"},"content":{"rendered":"\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Introduction<\/h3>\n<\/div><\/div>\n\n\n\n<p><a href=\"https:\/\/store.webkul.com\/opencart-product-360-view.html\">OpenCart Product 360 View<\/a> module helps to show your customers a complete 360-degree view of every side of a product.<\/p>\n\n\n\n<p>It allows your customers to view products in a more magnificently and attractive way.<\/p>\n\n\n\n<p>By adding multiple images in a proper sequence, the admin can set up a 360 view of a product. Moreover, the module also helps to show a panorama view of your store product.<\/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 which also enriches the product look.<\/p>\n\n\n\n<p>Check the plugin at work at the storefront and the configuration settings &#8211;<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\">\r\n<div class=\"wk-block--yt-video-frame\">\r\n<div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"01LR2881XZw\">\u00a0<\/div>\r\n<\/div>\r\n<\/div>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features &#8211; OpenCart Product 360 View<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The admin can enable\/disable the 360-degree view of the product.<\/li>\n\n\n\n<li>The admin can upload a thumbnail image that will be visible on the product view page front end.<\/li>\n\n\n\n<li>The admin can also set the 360 Frame Time for rotation of the image in milliseconds.<\/li>\n\n\n\n<li>The admin can add or delete the images uploaded to set up the 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>The admin can also set up a panorama view of the product by uploading a 360 panorama image.<\/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<h5 class=\"wp-block-heading\">Upload Files<\/h5>\n\n\n\n<p>First, extract the downloaded zip file. After that, open the correct Opencart Version Folder. According to Opencart Version installed in your system.<\/p>\n\n\n\n<p>Then, upload the&nbsp;<strong>admin, catalog, <\/strong>to the&nbsp;OpenCart root directory.<\/p>\n\n\n\n<figure class=\"wp-block-image is-style-default\"><img decoding=\"async\" class=\"aligncenter wp-image-284457\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\" alt=\"screenshot_2021_03_05_10_21_47-1\" width=\"800\" height=\"225\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png 1303w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1-300x84.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1-1200x337.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1-250x70.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1-768x216.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Once you have uploaded the file then login to admin and go to\u00a0<strong>Extensions&gt;Installer<\/strong>\u00a0and upload the .zip file-\u00a0<strong>productview360.ocmod.zip<\/strong>. The zip file can be found in the\u00a0<strong>ocmod\u00a0<\/strong>folder.<\/p>\r\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in wk-lazify-loaded aligncenter wp-image-284465\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer.png\" alt=\"Extension-Installer\" width=\"800\" height=\"250\" data-src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/installer.png\" data-alt=\"extension_installer \" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer.png 1898w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer-300x94.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer-1200x374.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer-250x78.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer-768x240.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extension-Installer-1536x479.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\r\n<p>After uploading the zip file go to the\u00a0<strong>Extensions &gt; Modification<\/strong> and click on the refresh field.<\/p>\r\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" class=\"img-center-small zm-zoomer zm-zoomer-in wk-lazify-loaded aligncenter wp-image-284466\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications.png\" alt=\"Modifications\" width=\"800\" height=\"268\" data-src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2020\/12\/extension_modification.png\" data-alt=\"extension_modification\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications.png 1898w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications-300x100.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications-1200x401.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications-250x84.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications-768x257.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Modifications-1536x514.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\r\n<h5 class=\"wp-block-heading\">Edit User Groups<\/h5>\n\n\n\n<p>After that, go to&nbsp;<strong>System &gt; Users &gt; Usergroups<\/strong>. And then edit \u2018<strong>Administrator<\/strong>\u2019. Select the shown checkboxes only for both&nbsp;<strong>Access Permission<\/strong>&nbsp;and&nbsp;<strong>Modify Permission<\/strong>&nbsp;and&nbsp;<strong>Save<\/strong>&nbsp;it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"619\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-1200x619.png\" alt=\"User-Groups\" class=\"wp-image-284448\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-1200x619.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-300x155.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-250x129.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-768x396.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups-1536x792.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/User-Groups.png 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\">Install<\/h5>\n\n\n\n<p>Now navigate to&nbsp;<strong>Extensions &gt; Extensions &gt; Modules. <\/strong>Find<strong> Product View 360 <\/strong>from the list. Click the&nbsp;<strong>Install<\/strong>&nbsp;button as visible in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"801\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-1200x801.png\" alt=\"Extensions-4ghihgi\" class=\"wp-image-284446\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-1200x801.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-300x200.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-250x167.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-768x512.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi-1536x1025.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4ghihgi.png 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, by clicking on the edit button, the below page will open up.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Configuration Settings<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the extension&nbsp;<strong>OpenCart Product 360 View.&nbsp;<\/strong>To configure the extension. Firstly, in the sidebar menu go to&nbsp;<strong>Extensions &gt; Extensions &gt; Modules.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"393\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-1200x393.png\" alt=\"Dashboard\" class=\"wp-image-284410\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-1200x393.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-300x98.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-250x82.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-768x251.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard-1536x503.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Dashboard.png 1898w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, click on the edit button next to <strong>Product View 360.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"764\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-1200x764.png\" alt=\"Extensions-4\" class=\"wp-image-284411\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-1200x764.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-300x191.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-250x159.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-768x489.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4-1536x978.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Extensions-4.png 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, tapping the edit button brings up the module configuration settings page. Here, the admin can see below settings options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Product-View-360-1.png\" alt=\"Product-View-360-1\" class=\"wp-image-284418\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>360 Frame Time:<\/strong> The admin can also set the 360 Frame Time for rotation of the image in milliseconds.<\/p>\n\n\n\n<p><strong>Default Thumbnail:<\/strong> The admin can upload a thumbnail image that will be visible on the product view page front end.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Product Settings &#8211; Image<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin needs to go to the <strong>Catalog &gt; Products <\/strong>under Edit product click the<strong> Image <\/strong>section. There are two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>360 Panorama Image<\/strong>.<\/li>\n\n\n\n<li><strong>360 Images<\/strong><\/li>\n<\/ul>\n\n\n\n<p>The admin needs to upload product images for both the above types. <\/p>\n\n\n\n<p>Further, the admin can click the check box of one of the types of view that the admin wants to be visible over the front end in the section Display in the <strong>front end.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"583\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-1200x583.png\" alt=\"Products-1\" class=\"wp-image-284431\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-1200x583.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-300x146.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-250x121.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-768x373.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1-1536x746.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-1.png 1920w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"544\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-1200x544.png\" alt=\"Products-2\" class=\"wp-image-284434\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-1200x544.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-300x136.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-250x113.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-768x348.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2-1536x696.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-2.png 1898w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"508\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-1200x508.png\" alt=\"Products-3\" class=\"wp-image-284435\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-1200x508.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-300x127.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-250x106.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-768x325.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3-1536x650.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-3.png 1898w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"501\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-1200x501.png\" alt=\"Products-4\" class=\"wp-image-284436\" style=\"width:800px;height:undefinedpx\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-1200x501.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-300x125.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-250x104.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-768x320.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4-1536x641.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Products-4.png 1898w\" 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\">Product 360 View Front End<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customer can simply go to the product view page on the front end.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"470\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-1200x470.png\" alt=\"Bicycle\" class=\"wp-image-284441\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-1200x470.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-300x117.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-250x98.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-768x301.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-1536x601.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle.png 1898w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Further, to view a complete 360-degree view of the product the customer can click on the 360-degree view icon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" width=\"1200\" height=\"464\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-1200x464.png\" alt=\"2-1\" class=\"wp-image-284443\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-1200x464.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-300x116.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-250x97.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-768x297.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1-1536x594.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/2-1.png 1898w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The customer can click on the rightward and leftwards marked arrow to rotate the image accordingly.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">360-Degree Panorama View<\/h3>\n<\/div><\/div>\n\n\n\n<p>Similarly, the customer can view the panorama view of a product as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" class=\"aligncenter wp-image-284992\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09.png\" alt=\"Bicycle-09\" width=\"800\" height=\"373\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09.png 1898w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09-300x140.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09-1200x560.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09-250x117.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09-768x359.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/Bicycle-09-1536x717.png 1536w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>That\u2019s all for the<strong>&nbsp;OpenCart Product 360 View<\/strong> extension. If you still have any questions regarding the module please create a support ticket by clicking&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\">here<\/a>&nbsp;or send an email to&nbsp;<a href=\"mailto:support@webkul.com\">support@webkul.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>OpenCart Product 360 View module helps to show your customers a complete 360-degree view of every side of a product. It allows your customers to view products in a more magnificently and attractive way. By adding multiple images in a proper sequence, the admin can set up a 360 view of a product. Moreover, the <a href=\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":331,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[305],"tags":[2071,580,7675],"class_list":["post-284212","post","type-post","status-publish","format-standard","hentry","category-opencart","tag-opencart","tag-product","tag-product-360-degree-view"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>OpenCart 360 Product View | OpenCart 3D Product Viewer<\/title>\n<meta name=\"description\" content=\"OpenCart 360 Product View helps 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\/opencart-360-product-view\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OpenCart 360 Product View | OpenCart 3D Product Viewer\" \/>\n<meta property=\"og:description\" content=\"OpenCart 360 Product View helps 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\/opencart-360-product-view\/\" \/>\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=\"2021-03-04T16:31:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-26T06:36:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\" \/>\n<meta name=\"author\" content=\"Neelesh 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=\"Neelesh 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\/opencart-360-product-view\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\"},\"author\":{\"name\":\"Neelesh Singh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e\"},\"headline\":\"OpenCart Product 360 View\",\"datePublished\":\"2021-03-04T16:31:07+00:00\",\"dateModified\":\"2025-02-26T06:36:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\"},\"wordCount\":661,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\",\"keywords\":[\"opencart\",\"product\",\"product 360 degree view\"],\"articleSection\":[\"opencart\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\",\"url\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\",\"name\":\"OpenCart 360 Product View | OpenCart 3D Product Viewer\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\",\"datePublished\":\"2021-03-04T16:31:07+00:00\",\"dateModified\":\"2025-02-26T06:36:12+00:00\",\"description\":\"OpenCart 360 Product View helps 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\/opencart-360-product-view\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png\",\"width\":1303,\"height\":366,\"caption\":\"screenshot_2021_03_05_10_21_47-1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OpenCart Product 360 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\/4c045d59b1be4b2f91af35089cd2535e\",\"name\":\"Neelesh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?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\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Neelesh Singh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/neeleshsingh-bd217\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OpenCart 360 Product View | OpenCart 3D Product Viewer","description":"OpenCart 360 Product View helps 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\/opencart-360-product-view\/","og_locale":"en_US","og_type":"article","og_title":"OpenCart 360 Product View | OpenCart 3D Product Viewer","og_description":"OpenCart 360 Product View helps 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\/opencart-360-product-view\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2021-03-04T16:31:07+00:00","article_modified_time":"2025-02-26T06:36:12+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png","type":"","width":"","height":""}],"author":"Neelesh Singh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Neelesh Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/"},"author":{"name":"Neelesh Singh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4c045d59b1be4b2f91af35089cd2535e"},"headline":"OpenCart Product 360 View","datePublished":"2021-03-04T16:31:07+00:00","dateModified":"2025-02-26T06:36:12+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/"},"wordCount":661,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png","keywords":["opencart","product","product 360 degree view"],"articleSection":["opencart"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/opencart-360-product-view\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/","url":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/","name":"OpenCart 360 Product View | OpenCart 3D Product Viewer","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png","datePublished":"2021-03-04T16:31:07+00:00","dateModified":"2025-02-26T06:36:12+00:00","description":"OpenCart 360 Product View helps 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\/opencart-360-product-view\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/opencart-360-product-view\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/03\/screenshot_2021_03_05_10_21_47-1.png","width":1303,"height":366,"caption":"screenshot_2021_03_05_10_21_47-1"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/opencart-360-product-view\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"OpenCart Product 360 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\/4c045d59b1be4b2f91af35089cd2535e","name":"Neelesh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?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\/4fa4026419e4f460984ec68842d594b3713d6f1847343c375ea68f5bf0a198bc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Neelesh Singh"},"url":"https:\/\/webkul.com\/blog\/author\/neeleshsingh-bd217\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/284212","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\/331"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=284212"}],"version-history":[{"count":24,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/284212\/revisions"}],"predecessor-version":[{"id":475084,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/284212\/revisions\/475084"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=284212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=284212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=284212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}