265 lines
14 KiB
HTML
Executable File
265 lines
14 KiB
HTML
Executable File
<!-- Copyright (c) 2016-Present Webkul Software Pvt. Ltd. (<https://webkul.com/>) -->
|
|
<!-- See LICENSE file for full copyright and licensing details. -->
|
|
<!-- License URL : https://store.webkul.com/license.html/ -->
|
|
<section class="oe_container oe_dark lead">
|
|
<h2><p class="text-primary text-center"><b>Website Product 360<sup>o</sup> View</b></p></h2>
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b> Basic Features</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="alert alert-info">
|
|
<i class="fa fa-arrow-circle-o-right"></i>
|
|
<b> Benefits </b>
|
|
</div>
|
|
<div class="oe_row">
|
|
<ul class="list-unstyled oe_span6" style="width: 414px;">
|
|
<li><i class="fa fa-check text-primary"></i> Products 360 degree is a full Responsive and a Mobile Optimized Module.</li>
|
|
<li><i class="fa fa-check text-primary"></i> Easy to configure module for 360 degree product view.</li>
|
|
<li><i class="fa fa-check text-primary"></i> Auto spins the product once on product page.</li>
|
|
<li><i class="fa fa-check text-primary"></i> User can replay the product spin to have 360 degree product view, also user can pause, start and stop in between. </li>
|
|
<li><i class="fa fa-check text-primary"></i> User can view products moving left - right using the keyboard buttons, rotating the mouse wheel, also the gesture events are supportive on a single touch. </li>
|
|
<li><i class="fa fa-check text-primary"></i> Users can have a complete product view by dragging the mouse click. </li>
|
|
<li><i class="fa fa-check text-primary"></i> 360 degree view will influence sales by sharing the complete product view.</li>
|
|
</ul>
|
|
<div class="oe_span12" style="width: 414px;">
|
|
<div class="">
|
|
<a href="0.gif"><img class="oe_picture oe_screenshot" src="0.gif" style="width:400px;"></a>
|
|
</div>
|
|
<div class="">
|
|
<center><b>Demo 360<sup>o</sup> View</b></center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container">
|
|
<ul class="nav nav-tabs">
|
|
<li class="active ">
|
|
<a href="#odoo_website_360degree_product_view_tab2" data-toggle="tab">
|
|
<h3 class="panel-title"><i class="fa fa-globe"></i> <b>Website View</b> </h3>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#odoo_website_360degree_product_view_tab1" data-toggle="tab">
|
|
<h3 class="panel-title"><i class="fa fa-cogs"></i> <b>Setup & Configure</b> </h3>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div id="my-tab-content" class="tab-content">
|
|
<div class="tab-pane " id="odoo_website_360degree_product_view_tab1">
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>Product 360<sup>o</sup> View Configuration</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
Admin can configure default settings for 360<sup>o</sup> View.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="3.jpg"><img class="oe_picture oe_screenshot" src="3.jpg"></a>
|
|
<a href="4.png"><img class="oe_picture oe_screenshot" src="4.png"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>Product View</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
All the images of the product used in 360<sup>o</sup> view.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="5.png"><img class="oe_picture oe_screenshot" src="5.png"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>360<sup>o</sup> View Images</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
Upload Images For 360<sup>o</sup> View.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="6.png"><img class="oe_picture oe_screenshot" src="6.png"></a>
|
|
<a href="7.png"><img class="oe_picture oe_screenshot" src="7.png"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-danger" id="wkid0">
|
|
<div class="list-unstyled oe_spdangeran12">
|
|
<div class="alert alert-danger">
|
|
<i class="fa fa-pencil-square-o"></i>
|
|
<b>Note: </b>Sequence number of the image is very important. Images will spin in the sequence according to sequence number. So be careful during assigning sequence number to image.
|
|
</div>
|
|
|
|
<div class="alert alert-danger">
|
|
<i class="fa fa-pencil-square-o"></i>
|
|
<b>Note: </b>For good result of 360<sup>o</sup> view, use at least 25 images.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>See All 360<sup>o</sup> View Images</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
View all uploaded images for 360<sup>o</sup> view at one place.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="8.png"><img class="oe_picture oe_screenshot" src="8.png"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>Device Responsive View</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
Also responsive 360<sup>o</sup> view for many devices.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="2.jpg"><img class="oe_picture oe_screenshot" src="2.jpg" style="margin-left:32%;"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="tab-pane active" id="odoo_website_360degree_product_view_tab2">
|
|
<section class="oe_container oe_dark">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>Product 360<sup>o</sup> View On website</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan" style="margin-left:-25px;">
|
|
360<sup>o</sup> Degree view on website.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;margin-left:-25px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<center>
|
|
<a href="1.png"><img class="oe_picture oe_screenshot" src="1.png"></a>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title"><b>Device Responsive View</b></h3>
|
|
</div>
|
|
<div class="panel-body">
|
|
<h4 class="oe_slogan">
|
|
Also responsive 360<sup>o</sup> view for many devices.
|
|
</h4>
|
|
<div class='oe_span12' style="width: 828px;">
|
|
<div class="oe_row_img oe_centered">
|
|
<a href="2.jpg"><img class="oe_picture oe_screenshot" src="2.jpg" style="margin-left:32%;"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class="oe_span12">
|
|
<h2 class="oe_slogan">Complimentary Support</h2>
|
|
<p>
|
|
You will get 90 days free support for any doubt, queries, and bug fixing (excluding data recovery) or any type of issue related to this module.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="oe_row oe_spaced">
|
|
<div class="oe_span12">
|
|
<h2 class="oe_slogan">Help and Support</h2>
|
|
</div>
|
|
<div class="oe_slogan oe_spaced">
|
|
<img src="icon-help.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" style="color:#7c7bad;" target="_blank" href="https://webkul.uvdesk.com/en/customer/create-ticket">Help</a></span>
|
|
<img src="icon-support.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" style="color:#7c7bad;" target="_blank" href="https://webkul.uvdesk.com/en/customer/create-ticket">Support</a></span>
|
|
<img src="icon-features.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" style="color:#7c7bad;" target="_blank" href="https://webkul.uvdesk.com/en/customer/create-ticket">Request new Features</a></span>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_span12">
|
|
<!-- Piwik Image Tracker-->
|
|
<img src="http://odooimg.webkul.com/analytics/piwik/piwik.php?idsite=3&rec=1&action_name=WEBSITE-PRODUCT-360-VIEW&url=https://apps.openerp.com/apps/modules/11.0/website_360degree_view&uid=website_360degree_view" style="border:0" alt="" />
|
|
<!-- End Piwik -->
|
|
</div>
|
|
</section>
|