250 lines
13 KiB
HTML
250 lines
13 KiB
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'>
|
|
<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> Benefit </b>
|
|
</div>
|
|
<ul class="list-unstyled oe_span6">
|
|
<li><i class="fa fa-check text-primary"></i> Auto-spin once.</li>
|
|
<li><i class="fa fa-check text-primary"></i> User can start, or stop auto spin.</li>
|
|
<li><i class="fa fa-check text-primary"></i> User can see one by one image using next and previous button.</li>
|
|
<li><i class="fa fa-check text-primary"></i> User can spin using mouse click & drag.</li>
|
|
<li><i class="fa fa-check text-primary"></i>User can spin using touch events.</li>
|
|
<li><i class="fa fa-check text-primary"></i> User can spin product image using mousewheel.</li>
|
|
<li><i class="fa fa-check text-primary"></i> Admin can easily manage 360<sup>o</sup> View in product.</li>
|
|
<li><i class="fa fa-check text-primary"></i> Simplified configuration setup for product 360<sup>o</sup> View.</li>
|
|
<li><i class="fa fa-check text-primary"></i> Admin can see all 360<sup>o</sup> View images at one place.</li>
|
|
</ul>
|
|
<div class="">
|
|
<img class="oe_picture oe_screenshot" src="main2.gif">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="panel-body">
|
|
<div class="alert alert-info">
|
|
<i class="fa fa-arrow-circle-o-right"></i>
|
|
<b>Admirable Features </b>
|
|
</div>
|
|
<ul class="list-unstyled ">
|
|
<li> <i class="fa fa-hand-o-right text-primary"></i> Handles direct payouts to your bank account.</li>
|
|
<li> <i class="fa fa-hand-o-right text-primary"></i> Manages refund directly from the admin account .</li>
|
|
<li> <i class="fa fa-hand-o-right text-primary"></i> One of the faster payment processing methods.</li>
|
|
</ul>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container">
|
|
<ul class="nav nav-tabs ">
|
|
<li class="active ">
|
|
<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>
|
|
<li>
|
|
<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>
|
|
</ul>
|
|
|
|
<div id="my-tab-content" class="tab-content">
|
|
<div class="tab-pane active" id="odoo_website_360degree_product_view_tab1">
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
Admin can configure default settings for 360<sup>o</sup> View.
|
|
</h4>
|
|
<div class="oe_span12">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="config.png">
|
|
<img class="oe_picture oe_screenshot" src="config2.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
All the images of the product using in 360<sup>o</sup> view.
|
|
</h4>
|
|
<div class="oe_span12">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="temp2.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<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">
|
|
Upload Images For 360<sup>o</sup> View.
|
|
</h4>
|
|
<div class="oe_span12">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="upload2.png">
|
|
<img class="oe_picture oe_screenshot" src="seque.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="list-unstyled oe_span12">
|
|
<div class="alert alert-info">
|
|
<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-info">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
View all uploaded images for 360<sup>o</sup> view at one place.
|
|
</h4>
|
|
<div class="oe_span12">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="treeview.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="mobile.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<div class="tab-pane" id="odoo_website_360degree_product_view_tab2">
|
|
<section class="oe_container oe_dark">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
360<sup>o</sup> Degree view on website.
|
|
</h4>
|
|
<div class="oe_span12">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="web1.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container oe_dark">
|
|
<div class="oe_row">
|
|
<div class='oe_span12'>
|
|
<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">
|
|
<div class="oe_row_img oe_centered">
|
|
<img class="oe_picture oe_screenshot" src="mobile.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="oe_container">
|
|
<div class="oe_row oe_spaced">
|
|
<div class="oe_span12">
|
|
<h2 class="oe_slogan">Help and Support</h2>
|
|
</div>
|
|
<div class="oe_slogan">
|
|
<img src="icon-help.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" target="_blank" style="color:#7c7bad;" href="https://webkul.com/ticket/open.php">Help</a></span>
|
|
<img src="icon-support.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" target="_blank" style="color:#7c7bad;" href="https://webkul.com/ticket/open.php">Support</a></span>
|
|
<img src="icon-features.png">
|
|
<span ><a onMouseOver="this.style.color='#AC1EE0'"
|
|
onMouseOut="this.style.color='#7c7bad'" target="_blank" style="color:#7c7bad;" href="https://webkul.com/ticket/open.php">Request new Features</a></span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|