Please copy and paste the following lines in the below file.
/app/design/frontend/YourPackage/YourTheme/template/catalog/product/view/media.phtml
If media.phtml does not exist then find which media.phtml on your product view you are using and then copy and paste the below 3 lines.

  • Before “product-image” class and if condition put below code.
    Line 1 : <?php echo $this->getChildHtml(‘360degreeview’); ?>
  • In If block inside <ul> tag put below line.
    Line 2 : <?php echo $this->getChildHtml(‘360degreethumb’); ?>
  • Line 3 : In Else block create structure same as if block except loop and other unnecessary elements simply just put parent div with same class and <ul> and then inside <ul> put below line
    <?php echo $this->getChildHtml(‘360degreethumb’); ?>


  1. Go to System >> Configuration >> Zestard Extensions >> Products 360° View.
  2. Set “Enable” to “Yes” and configure other options accordingly.
  3. Open the product from Catalog >> Manage Products.
  4. Search for “Upload Images Zip” and “Rotate360 Images Path” under the general tab.
  5. Upload the zip containing images in upload images zip.
  6. Save the product.
  7. The zip location will be displayed in “Rotate360 Images Path” after the product has been saved.
  8. Clear the cache and check product page in the frontend.