AjmalCybro
2 years ago
84 changed files with 7536 additions and 0 deletions
@ -0,0 +1,48 @@ |
|||||
|
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Theme Watchhut |
||||
|
============== |
||||
|
Theme WatchHut is an attractive and modern eCommerce Website theme.The theme is a very user-friendly and is suitable for your |
||||
|
eCommerce website.It is the most powerful, easy to use theme. |
||||
|
|
||||
|
Installation |
||||
|
============ |
||||
|
- www.odoo.com/documentation/15.0/setup/install.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
* Developers:(V15) - Rahul Rajeev , Jumana Jabin MP ,Contact: odoo@cybrosys.com |
||||
|
|
||||
|
Contacts |
||||
|
-------- |
||||
|
* Mail Contact : odoo@cybrosys.com |
||||
|
* Website : https://cybrosys.com |
||||
|
|
||||
|
Bug Tracker |
||||
|
----------- |
||||
|
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
||||
|
|
||||
|
Maintainer |
||||
|
========== |
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com |
||||
|
|
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit https://www.cybrosys.com |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import models |
||||
@ -0,0 +1,64 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
'name': 'Theme WatchHut', |
||||
|
'version': '15.0.1.0.0', |
||||
|
'category': 'Theme/eCommerce', |
||||
|
'summary': 'Theme WatchHut is an attractive and modern eCommerce Website' |
||||
|
' theme', |
||||
|
'description': """Theme WatchHut is an attractive and modern eCommerce |
||||
|
Website theme.The theme is a very user-friendly and is suitable for your |
||||
|
eCommerce website.It is the most powerful, easy to use theme""", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'website': "https://www.cybrosys.com", |
||||
|
'depends': ['website_sale'], |
||||
|
'data': [ |
||||
|
'views/website_layout.xml', |
||||
|
'views/contact_us_templates.xml', |
||||
|
'views/footer_templates.xml', |
||||
|
'views/header_templates.xml', |
||||
|
'views/products_templates.xml', |
||||
|
'views/snippets/gallery_templates.xml', |
||||
|
'views/snippets/heading_templates.xml', |
||||
|
'views/snippets/shop_button_templates.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_frontend': [ |
||||
|
'/theme_watchhut/static/src/css/style.css', |
||||
|
'/theme_watchhut/static/src/css/font-awesome.min.css', |
||||
|
'/theme_watchhut/static/src/js/theme_watchhut.js', |
||||
|
'/theme_watchhut/static/src/js/theme_watchhut_shop.js', |
||||
|
'https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap', |
||||
|
'https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap', |
||||
|
] |
||||
|
}, |
||||
|
'images': [ |
||||
|
'static/description/banner.png', |
||||
|
'static/description/theme_screenshot.png', |
||||
|
], |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,6 @@ |
|||||
|
## Module <theme_watchhut> |
||||
|
|
||||
|
#### 31.08.2023 |
||||
|
#### Version 15.0.1.0.0 |
||||
|
#### ADD |
||||
|
- Initial commit for Theme Watchhut |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import theme_utilis |
||||
@ -0,0 +1,33 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import models |
||||
|
|
||||
|
|
||||
|
class ThemeUtils(models.AbstractModel): |
||||
|
"""Inheriting model Theme Utils Model""" |
||||
|
_inherit = 'theme.utils' |
||||
|
|
||||
|
def _theme_watchhut_post_copy(self, mod): |
||||
|
""""Used to enable and disable certain views""" |
||||
|
self.enable_view('website.template_header_default') |
||||
|
self.enable_view('website.template_header_default_align_right') |
||||
|
self.disable_view('website.header_call_to_action') |
||||
|
After Width: | Height: | Size: 372 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 347 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 428 KiB |
|
After Width: | Height: | Size: 141 KiB |
|
After Width: | Height: | Size: 337 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 279 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 383 KiB |
|
After Width: | Height: | Size: 455 KiB |
|
After Width: | Height: | Size: 456 KiB |
@ -0,0 +1,313 @@ |
|||||
|
<div class="oe_styling_v8"> |
||||
|
<!-- Hero Section --> |
||||
|
<div class="container pt-4 mt-4 rounded" |
||||
|
style="background-color: #fff; font-family: Montserrat, 'sans-serif';"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 mb-4"> |
||||
|
<img src="images/Cybrosys.png" alt="Cybrosys Logo" |
||||
|
style="width: 120px; height: auto;"> |
||||
|
<hr style="border-color: #e1e5e9;"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 text-center"> |
||||
|
<img src="images/hero.png" width=60% height="auto" class="mb-4" |
||||
|
alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 text-center"> |
||||
|
<h1 class="mt-4">Theme WatchHut</h1> |
||||
|
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
||||
|
Theme WatchHut is a new kind of Theme. The theme is a very |
||||
|
user-friendly and is suitable for your eCommerce website. |
||||
|
It is the most powerful, easy to use theme. |
||||
|
It is a fully Responsive Theme with a premium design and |
||||
|
attractive front-end theme. |
||||
|
This theme is a perfect choice for your online store you |
||||
|
are looking for. |
||||
|
The custom designed gallery snippet and shop view |
||||
|
facilitates to add better user experience. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- End of Hero Section --> |
||||
|
|
||||
|
<!-- Alternate Section --> |
||||
|
<div class="row p-4"> |
||||
|
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
||||
|
<h2>Desktop View</h2> |
||||
|
<p class="lead"> |
||||
|
It is easy to customize and use. Just drag and drop the |
||||
|
building blocks to make attractive |
||||
|
webpages. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-lg-6 px-4"> |
||||
|
<img style="border-radius: 0.5em;" |
||||
|
src="images/laptop-screenshots.jpg" width="90%" |
||||
|
height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row p-4"> |
||||
|
<div class="col-lg-6 px-4"> |
||||
|
<img style="border-radius: 0.5em;" |
||||
|
src="images/phone-screenshots.jpg" width="90%" |
||||
|
height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
||||
|
<h2>Mobile View</h2> |
||||
|
<p class="lead"> |
||||
|
User-friendly and modern looking theme makes your page more |
||||
|
Stylish And Beautiful. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Alternate Section --> |
||||
|
|
||||
|
<!-- Two Columns Section --> |
||||
|
<div class="row p-4"> |
||||
|
<!-- Column 1 --> |
||||
|
<div class="col-lg-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/1.jpg" |
||||
|
width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Home Page</h2> |
||||
|
<p class="lead text-center"> |
||||
|
It is easy to customize and use. Just drag and drop |
||||
|
the building blocks to make |
||||
|
attractive |
||||
|
webpages.Customizable building blocks in home page |
||||
|
design helps you to edit them as per |
||||
|
needs. </p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 1 --> |
||||
|
|
||||
|
<!-- Column 2 --> |
||||
|
<div class="col-lg-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/2.jpg" |
||||
|
width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Product View</h2> |
||||
|
<p class="lead text-center"> |
||||
|
A premium look design for the product preview |
||||
|
section.Fully customized view and Scrollable |
||||
|
multiple images are help to show more about the |
||||
|
product |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 2 --> |
||||
|
</div> |
||||
|
<!-- End of Two Columns Section --> |
||||
|
|
||||
|
|
||||
|
<!-- One Column Section --> |
||||
|
<div class="row p-4"> |
||||
|
<div class="col-lg-6"> |
||||
|
<img style="border-radius: 0.5em;" src="images/3.jpg" |
||||
|
width="90%" height="auto" class="mb-4 shadow-sm" |
||||
|
alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-6" style="padding-top: 100px;"> |
||||
|
<h2>Overview</h2> |
||||
|
<p class="lead"> |
||||
|
It is an attractive and modern eCommerce Website theme. It |
||||
|
makes your eCommerce website is attractive. Just drag & drop |
||||
|
the building blocks you need to easily build your |
||||
|
layout.Theme WatchHut is a perfect choice for your online |
||||
|
store you are looking for. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of One Columns Section --> |
||||
|
|
||||
|
|
||||
|
<!-- Two Columns Section --> |
||||
|
<div class="row p-4"> |
||||
|
<!-- Column 1 --> |
||||
|
<div class="col-lg-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/1.jpg" |
||||
|
width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Contact us</h2> |
||||
|
<p class="lead text-center"> |
||||
|
In the customized Contact us page the company |
||||
|
details will show, and it will help to your customer |
||||
|
to reach you in simple way. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 1 --> |
||||
|
|
||||
|
<!-- Column 2 --> |
||||
|
<div class="col-lg-6"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/2.jpg" |
||||
|
width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Shop</h2> |
||||
|
<p class="lead text-center"> |
||||
|
The shop display your products in a stylish way. It's |
||||
|
displaying 3 products in a row, and it will attract |
||||
|
your customers. Display high quality images for |
||||
|
your products |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 2 --> |
||||
|
<!-- Column 4 --> |
||||
|
<div class="col-lg-4"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/6.jpg" |
||||
|
width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">About</h2> |
||||
|
<p class="lead text-center"> |
||||
|
The About page of your company is presented to your |
||||
|
user for knowing a detailed explanation of your |
||||
|
company. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 4 --> |
||||
|
</div> |
||||
|
<!-- End of Two Columns Section --> |
||||
|
|
||||
|
<!-- Demo Pages --> |
||||
|
<section class="oe_container"> |
||||
|
<div class="row" style="margin: 60px auto -30px;"> |
||||
|
<div class="col-lg-12 text-center"> |
||||
|
<h4 class="mt-4">Demo Pages</h4> |
||||
|
<hr style="border-width: 3px; border-color: #0984e3; width: 100px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="row" |
||||
|
style="margin: 40px auto; border-radius: 15px; padding: 38px;"> |
||||
|
<div class="col-sm-6 col-md-4 px-2"> |
||||
|
<div class="bg-white shadow overflow-hidden mb32" |
||||
|
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;"> |
||||
|
<img src="./images/demo-1.jpg" width="300px" |
||||
|
height="auto"> |
||||
|
<h6 class="text-center my-3">Home</h6> |
||||
|
<hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 col-md-4 px-2"> |
||||
|
<div class="bg-white shadow overflow-hidden mb32" |
||||
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
||||
|
<img src="./images/demo-2.jpg" width="300px" |
||||
|
height="auto"> |
||||
|
<h6 class="text-center my-3">Shop</h6> |
||||
|
<hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="col-sm-6 col-md-4 px-2"> |
||||
|
<div class="bg-white shadow overflow-hidden mb32" |
||||
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
||||
|
<img src="./images/demo-3.jpg" width="300px" |
||||
|
height="auto"> |
||||
|
<h6 class="text-center my-3">Product Preview</h6> |
||||
|
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- End of Demo Pages --> |
||||
|
|
||||
|
<!-- Footer --> |
||||
|
<div class="row" style="margin-top: 4rem;"> |
||||
|
<div class="col-lg-12 text-center"> |
||||
|
<h2>Get Help</h2> |
||||
|
<hr style=" border: 2px solid #b22126; margin-top: 2px;" |
||||
|
width="40px"> |
||||
|
<p class="text-center" |
||||
|
style="max-width: 650px; margin: 0 auto;">If you have |
||||
|
anything to share with |
||||
|
us |
||||
|
based |
||||
|
on |
||||
|
your use of this module, please let us know. We are ready |
||||
|
to offer our support.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col px-4 pt-3 pb-2 shadow-sm" |
||||
|
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-8"> |
||||
|
<h6><a href="mailto:odoo@cybrosys.com" target="_blank" |
||||
|
style="color: #050505; text-decoration: none;"><i |
||||
|
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a> |
||||
|
</h6> |
||||
|
</div> |
||||
|
<div class="col-lg-4 d-flex justify-content-end" |
||||
|
style="position: relative;"> |
||||
|
<h6><a href="mailto:odoo@cybrosys.com" target="_blank" |
||||
|
style="color: #050505; text-decoration: none;"><i |
||||
|
class="fa fa-chevron-right"></i></a> |
||||
|
</h6> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col px-4 pt-3 pb-2 shadow-sm" |
||||
|
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-8"> |
||||
|
<h6><a href="https://www.cybrosys.com" target="_blank" |
||||
|
style="color: #050505; text-decoration: none;"><i |
||||
|
class="fa fa-globe mr-2"></i>www.cybrosys.com</a> |
||||
|
</h6> |
||||
|
</div> |
||||
|
<div class="col-lg-4 d-flex justify-content-end" |
||||
|
style="position: relative;"> |
||||
|
<h6><a href="https://www.cybrosys.com" target="_blank" |
||||
|
style="color: #050505; text-decoration: none;"><i |
||||
|
class="fa fa-chevron-right"></i></a> |
||||
|
</h6> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 mt-4 mb-2 text-center"> |
||||
|
<p style="font-weight: bold">A Quality Theme From</p> |
||||
|
</div> |
||||
|
<div class="col-lg-12 text-center"> |
||||
|
<img src="images/cybro-logo-oca.png" width="80px" |
||||
|
height="auto"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Footer --> |
||||
|
</div> |
||||
|
</div> |
||||
|
After Width: | Height: | Size: 1.1 MiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Binary file not shown.
|
After Width: | Height: | Size: 271 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
|
After Width: | Height: | Size: 350 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 161 KiB |
|
After Width: | Height: | Size: 678 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 286 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 153 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 338 KiB |
|
After Width: | Height: | Size: 197 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 231 KiB |
|
After Width: | Height: | Size: 155 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 188 KiB |
|
After Width: | Height: | Size: 440 KiB |
|
After Width: | Height: | Size: 170 KiB |
|
After Width: | Height: | Size: 231 KiB |
|
After Width: | Height: | Size: 155 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
@ -0,0 +1,106 @@ |
|||||
|
odoo.define('theme_watchhut.theme_watchhut', function (require) { |
||||
|
"use strict"; |
||||
|
$(window).scroll(function(){ |
||||
|
$(".banner").css("opacity", 1 - $(window).scrollTop() / 250); |
||||
|
}); |
||||
|
/** |
||||
|
* Handles the banner opacity change as the user scrolls. |
||||
|
*/ |
||||
|
// Detect request animation frame
|
||||
|
var scroll = window.requestAnimationFrame || |
||||
|
// IE Fallback
|
||||
|
function (callback) { window.setTimeout(callback, 1000 / 90) }; |
||||
|
var elementsToShow = document.querySelectorAll('.show-on-scroll'); |
||||
|
/** |
||||
|
* Handles the visibility of elements as the user scrolls. |
||||
|
*/ |
||||
|
function loop() { |
||||
|
Array.prototype.forEach.call(elementsToShow, function (element) { |
||||
|
if (isElementInViewport(element)) { |
||||
|
element.classList.add('is-visible'); |
||||
|
} else { |
||||
|
element.classList.remove('is-visible'); |
||||
|
} |
||||
|
}); |
||||
|
scroll(loop); |
||||
|
/** |
||||
|
* Checks if an element is within the viewport. |
||||
|
* @param {HTMLElement} el - The HTML element to check. |
||||
|
* @returns {boolean} True if the element is in the viewport, false otherwise. |
||||
|
*/ |
||||
|
} |
||||
|
// Call the loop for the first time
|
||||
|
loop(); |
||||
|
// Helper function from: http://stackoverflow.com/a/7557433/274826
|
||||
|
function isElementInViewport(el) { |
||||
|
// special bonus for those using jQuery
|
||||
|
if (typeof jQuery === "function" && el instanceof jQuery) { |
||||
|
el = el[0]; |
||||
|
} |
||||
|
var rect = el.getBoundingClientRect(); |
||||
|
return ( |
||||
|
(rect.top <= 0 |
||||
|
&& rect.bottom >= 0) |
||||
|
|| |
||||
|
(rect.bottom >= (window.innerHeight || document.documentElement.clientHeight) && |
||||
|
rect.top <= (window.innerHeight || document.documentElement.clientHeight)) |
||||
|
|| |
||||
|
(rect.top >= 0 && |
||||
|
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)) |
||||
|
); |
||||
|
} |
||||
|
/** |
||||
|
* Handles filtering of items on button click. |
||||
|
*/ |
||||
|
$(document).ready(function () { |
||||
|
$(".filter-button").click(function () { |
||||
|
var value = $(this).attr('data-filter'); |
||||
|
if (value == "all") { |
||||
|
$('.filter').show('1000'); |
||||
|
} |
||||
|
else { |
||||
|
$(".filter").not('.' + value).hide('3000'); |
||||
|
$('.filter').filter('.' + value).show('3000'); |
||||
|
} |
||||
|
}); |
||||
|
if ($(".filter-button").removeClass("active")) { |
||||
|
$(this).removeClass("active"); |
||||
|
} |
||||
|
$(this).addClass("active"); |
||||
|
}); |
||||
|
/** |
||||
|
* Sets opacity for certain banners on scroll. |
||||
|
*/ |
||||
|
$(window).scroll(function(){ |
||||
|
$(".banner_about, .banner_contact").css("opacity", 1 - $(window).scrollTop() / 250); |
||||
|
}); |
||||
|
$(window).scroll(function () { |
||||
|
$(".banner_contact").css("opacity", 1 - $(window).scrollTop() / 250); |
||||
|
}); |
||||
|
/** |
||||
|
* Handles quantity increase and decrease functionality. |
||||
|
*/ |
||||
|
$(document).ready(function(){ |
||||
|
var quantitiy=0; |
||||
|
$('.quantity-right-plus').click(function(e){ |
||||
|
// Stop acting like a button
|
||||
|
e.preventDefault(); |
||||
|
// Get the field name
|
||||
|
var quantity = parseInt($('#quantity').val()); |
||||
|
// If is not undefined
|
||||
|
$('#quantity').val(quantity + 1); |
||||
|
// Increment
|
||||
|
}); |
||||
|
$('.quantity-left-minus').click(function(e){ |
||||
|
// Stop acting like a button
|
||||
|
e.preventDefault(); |
||||
|
// Get the field name
|
||||
|
var quantity = parseInt($('#quantity').val()); |
||||
|
// If is not undefined
|
||||
|
// Increment
|
||||
|
if(quantity>0){ |
||||
|
$('#quantity').val(quantity - 1); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
}); |
||||
@ -0,0 +1,15 @@ |
|||||
|
odoo.define('theme_watchhut.theme_watchhut_shop', function (require) { |
||||
|
"use strict"; |
||||
|
/** |
||||
|
* Handles the hover effect on the "test" element. |
||||
|
*/ |
||||
|
$(".test").hover(function () { |
||||
|
$(this).attr("src", "/theme_watchhut/static/src/images/product/1-1.jpg"); |
||||
|
}, |
||||
|
/** |
||||
|
* Mouse enter handler: Changes the image source on hover. |
||||
|
*/ |
||||
|
function () { |
||||
|
$(this).attr("src", "/theme_watchhut/static/src/images/product/1.jpg"); |
||||
|
}); |
||||
|
}); |
||||
@ -0,0 +1,170 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="watchhut_contact_us" name="WatchHut Contact Us" |
||||
|
inherit_id="website.contactus"> |
||||
|
<!-- The template "WatchHut Contact Us" is an extension of the "website.contactus" template --> |
||||
|
<!-- in an Odoo website. It replaces a section of the original template with a new section --> |
||||
|
<!-- containing a form and social media links for contacting the website's company.--> |
||||
|
<xpath expr="//div[@id='wrap']" position="replace"> |
||||
|
<section class="banner_contact"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h3 class="banner_head"> |
||||
|
Contact |
||||
|
</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<section class="contact"> |
||||
|
<div class="container"> |
||||
|
<div class="contact_contents"> |
||||
|
<div class="row"> |
||||
|
<div class="col-12"> |
||||
|
<div class="email_c"> |
||||
|
<a t-attf-href="mailto:{{ res_company.email }}"> |
||||
|
<span t-esc="res_company.email"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="tel_c"> |
||||
|
<a t-attf-href="tel:{{ res_company.phone }}"> |
||||
|
<span t-esc="res_company.phone"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<span class="fa fa-instagram"/> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<span class="fa fa-facebook"/> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<span class="fa fa-twitter"/> |
||||
|
</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<section class="s_website_form" data-vcss="001" |
||||
|
data-snippet="s_website_form"> |
||||
|
<span class="hidden" data-for="contactus_form" |
||||
|
t-att-data-values="{'email_to': res_company.email}"/> |
||||
|
<form id="contactus_form" |
||||
|
action="/website/form/" method="post" |
||||
|
enctype="multipart/form-data" |
||||
|
class="o_mark_required" data-mark="*" |
||||
|
data-model_name="mail.mail" |
||||
|
data-success-mode="redirect" |
||||
|
data-success-page="/contactus-thank-you" |
||||
|
data-pre-fill="true"> |
||||
|
<div class=" row "> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<label for="Name">Name</label> |
||||
|
<input id="contact1" type="text" |
||||
|
class="form-control o_website_form_input" |
||||
|
name="Name" required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<label for="Phone">Phone</label> |
||||
|
<input id="contact2" type="tel" |
||||
|
class="form-control o_website_form_input" |
||||
|
name="Phone"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="email" |
||||
|
data-name="Field"> |
||||
|
<label for="email_from">Email |
||||
|
</label> |
||||
|
<input id="contact3" |
||||
|
type="email" |
||||
|
class="form-control o_website_form_input" |
||||
|
name="email_from" |
||||
|
required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<label for="Partner Name"> |
||||
|
Company |
||||
|
</label> |
||||
|
<input id="contact4" type="text" |
||||
|
class="form-control o_website_form_input" |
||||
|
name="Partner Name"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<label for="subject">Subject |
||||
|
</label> |
||||
|
<input id="contact5" type="text" |
||||
|
class="form-control o_website_form_input" |
||||
|
name="subject" |
||||
|
required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-8 col-12"> |
||||
|
<div class="form-group form-field" |
||||
|
data-type="text" |
||||
|
data-name="Field"> |
||||
|
<label for="Description"> |
||||
|
Message* |
||||
|
</label> |
||||
|
<textarea id="contact6" cols="" |
||||
|
rows="10" |
||||
|
class="o_website_form_input" |
||||
|
style="width: 100%;" |
||||
|
name="Description" |
||||
|
required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_dnone"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact7"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Email To |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact7" |
||||
|
type="hidden" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="email_to"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group s_website_form_submit" |
||||
|
data-name="Submit Button"> |
||||
|
<a href="#" role="button" |
||||
|
class="btn btn-submit o_website_form_send"> |
||||
|
Submit |
||||
|
</a> |
||||
|
<span id="o_website_form_result"/> |
||||
|
</div> |
||||
|
</form> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,62 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="theme_watchhut_footer" inherit_id="website.layout" |
||||
|
name="WatchHut Footer"> |
||||
|
<xpath expr="//div[@id='footer']" position="replace"> |
||||
|
<!-- Section footer starts here --> |
||||
|
<section class="footer"> |
||||
|
<div class="container-fluid p-0"> |
||||
|
<section class="footer_bg"> |
||||
|
</section> |
||||
|
<div class="footer_bottom"> |
||||
|
<h3>Watchhut</h3> |
||||
|
<br/> |
||||
|
<ul> |
||||
|
<li> |
||||
|
<a href="/shop">Shop</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="/about">About</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="/contactus">Contact</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<p>Copy right © <a href="https://www.cybrosys.com/" |
||||
|
target="_blank">Cybrosys.com |
||||
|
</a> All rights reserved |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section footer ends here --> |
||||
|
</xpath> |
||||
|
<!-- Custom Layout--> |
||||
|
<!-- Add an element after the top menu --> |
||||
|
<xpath expr="//div[@id='wrapwrap']/main" position="after"> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"/> |
||||
|
<meta name="viewport" |
||||
|
content="width=device-width, initial-scale=1.0"/> |
||||
|
<title>Watchhut</title> |
||||
|
<link rel="stylesheet" |
||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" |
||||
|
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" |
||||
|
crossorigin="anonymous"/> |
||||
|
<!--Google Font--> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" |
||||
|
rel="stylesheet"/> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap" |
||||
|
rel="stylesheet"/> |
||||
|
</head> |
||||
|
<body> |
||||
|
</body> |
||||
|
<!-- Js --> |
||||
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" |
||||
|
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" |
||||
|
crossorigin="anonymous"/> |
||||
|
</html> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,64 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="watchhut_header" |
||||
|
inherit_id="website.template_header_default"> |
||||
|
<!-- The "watchhut_header" template is a customized version of the default--> |
||||
|
<!-- website header template ("website.template_header_default") that is --> |
||||
|
<!-- used in the context of the Watch Hut website. The template overrides --> |
||||
|
<!-- a specific section of the default header template using XPath manipulation. --> |
||||
|
<!-- It replaces the user dropdown menu section with a modified version that --> |
||||
|
<!-- includes specific settings for the icon, item class, and link class.--> |
||||
|
<!-- This customization allows for a tailored user dropdown menu in the Watch--> |
||||
|
<!-- Hut website's header, providing a unique user experience.--> |
||||
|
<xpath expr="//t[@t-call='portal.user_dropdown']" |
||||
|
position="replace"> |
||||
|
<t t-call="portal.user_dropdown"> |
||||
|
<t t-set="_icon" t-value="true"/> |
||||
|
<t t-set="_item_class" t-value="'nav-item dropdown'"/> |
||||
|
<t t-set="_link_class" t-value="'nav-link'"/> |
||||
|
</t> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="watchhut_cart" inherit_id="website_sale.header_cart_link"> |
||||
|
<!-- The "watchhut_cart" template is a customized version of the default header --> |
||||
|
<!-- cart link template ("website_sale.header_cart_link") specifically designed --> |
||||
|
<!-- for the Watch Hut website. It overrides a specific section of the default--> |
||||
|
<!-- template using XPath manipulation. The modified section replaces the HTML--> |
||||
|
<!-- markup for the cart link in the header. It includes an image of a shopping cart,--> |
||||
|
<!-- the text "My Cart" (if specified), and a badge displaying the quantity of items in--> |
||||
|
<!-- the cart. This customization provides a visually enhanced and personalized cart --> |
||||
|
<!-- link in the Watch Hut website's header, tailored to their branding and user experience.--> |
||||
|
<xpath expr="//li[contains(@t-attf-class, 'o_wsale_my_cart')]" |
||||
|
position="replace"> |
||||
|
<li class="o_wsale_my_cart nav-item"> |
||||
|
<a href="/shop/cart" t-attf-class="#{_link_class}"> |
||||
|
<img src="/theme_watchhut/static/src/images/icon/shopping-cart.svg"/> |
||||
|
<span t-if="_text">My Cart</span> |
||||
|
<sup class="my_cart_quantity badge badge-primary" |
||||
|
t-esc="website_sale_order and website_sale_order.cart_quantity or '0'" |
||||
|
t-att-data-order-id="website_sale_order and website_sale_order.id or ''"/> |
||||
|
</a> |
||||
|
</li> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="watchhut_toggler" inherit_id="website.navbar_toggler"> |
||||
|
<!-- The "watchhut_toggler" template is a customized version of the default navbar--> |
||||
|
<!-- toggler template ("website.navbar_toggler") for the Watch Hut website. It overrides--> |
||||
|
<!-- a specific section of the default template using XPath manipulation. The modified section --> |
||||
|
<!-- replaces the HTML markup for the navbar toggler button. The new button includes three --> |
||||
|
<!-- instances of the "navbar-toggler-icon" span element, which typically represent the --> |
||||
|
<!-- collapsed state of the navigation menu. This customization provides a visually enhanced--> |
||||
|
<!-- and personalized navbar toggler button for the Watch Hut website's navigation menu, --> |
||||
|
<!-- tailored to their branding and user experience.--> |
||||
|
<xpath expr="//button[contains(@t-attf-class, 'navbar-toggler')]" |
||||
|
position="replace"> |
||||
|
<button type="button" |
||||
|
t-attf-class="navbar-toggler collapsed border-0 #{_toggler_class}" |
||||
|
data-toggle="collapse" data-target="#top_menu_collapse"> |
||||
|
<span class="navbar-toggler-icon o_not_editable"/> |
||||
|
<span class="navbar-toggler-icon o_not_editable"/> |
||||
|
<span class="navbar-toggler-icon o_not_editable"/> |
||||
|
</button> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,251 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="watchhut_shop" name="WatchHut Shop" |
||||
|
inherit_id="website_sale.products"> |
||||
|
<!-- It replaces the products header section with a custom header that --> |
||||
|
<!-- includes search, price list, pagination, sorting, and filter options.--> |
||||
|
<xpath expr="//div[@id='products_grid']" position="replace"> |
||||
|
<div id="products_grid"> |
||||
|
<section |
||||
|
t-attf-class="product col #{'o_wsale_layout_list' if layout_mode == 'list' else ''}"> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="row list_row"> |
||||
|
<t t-foreach="bins" t-as="tr_product"> |
||||
|
<t t-foreach="tr_product" t-as="td_product"> |
||||
|
<t t-if="td_product"> |
||||
|
<t t-set="product" |
||||
|
t-value="td_product['product']"/> |
||||
|
<div class="col-12 col-sm-6 col-md-4 column all list_column"> |
||||
|
<div class="content"> |
||||
|
<div t-att-data-ribbon-id="td_product['ribbon'].id"> |
||||
|
<div class="test" |
||||
|
id="hh"> |
||||
|
<t t-call="website_sale.products_item"> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
<!-- WatchHut Product Pager--> |
||||
|
<!-- The above template adds a product search bar and a price list dropdown --> |
||||
|
<!-- to the product page, along with the standard pager. It also adds --> |
||||
|
<!-- some classes to these elements for styling purposes.--> |
||||
|
<xpath expr="//div[@id='products_grid']" position="before"> |
||||
|
<div class="products_header products_pager form-inline flex-md-nowrap justify-content-end mb-4"> |
||||
|
<t t-call="website_sale.search"> |
||||
|
<t t-set="_classes" |
||||
|
t-valuef="w-100 w-md-auto mr-auto mb-2"/> |
||||
|
<t t-set="search" t-value="original_search or search"/> |
||||
|
</t> |
||||
|
<t t-call="website_sale.pricelist_list"> |
||||
|
<t t-set="_classes" t-valuef="ml-3 mb-2 btn-watchhut"/> |
||||
|
</t> |
||||
|
<t t-call="website.pager"/> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="watchhut_shop_images" name="WatchHut Shop Images" |
||||
|
inherit_id="website_sale.products_item"> |
||||
|
<!-- The "watchhut_shop_images" template replaces the product image section --> |
||||
|
<!-- with a new card body element, containing a link to the product and a --> |
||||
|
<!-- hidden input field for the CSRF token. It also uses a new "image_holder" --> |
||||
|
<!-- variable to display the product image using a widget, centered within the card body.--> |
||||
|
<xpath expr="//div[hasclass('oe_product_image')]" |
||||
|
position="replace"> |
||||
|
<div class="card-body p-1 oe_product_image"> |
||||
|
<input type="hidden" name="csrf_token" |
||||
|
t-att-value="request.csrf_token()"/> |
||||
|
<a t-att-href="product_href" class="d-block h-100" |
||||
|
itemprop="url"> |
||||
|
<t t-set="image_holder" |
||||
|
t-value="product._get_image_holder()"/> |
||||
|
<span t-field="image_holder.image_1920" |
||||
|
t-options="{'widget': 'image', 'preview_image': 'image_1920'}" |
||||
|
class="d-flex h-100 justify-content-center align-items-center"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="watchhut_add_grid_or_list_option" |
||||
|
inherit_id="website_sale.products" |
||||
|
active="True" customize_show="True" |
||||
|
name="Watchhut Grid or List button"> |
||||
|
<!-- This is a template that adds a grid or list option to a product page in the Watchhut theme. It inserts two buttons with icons --> |
||||
|
<!-- that allow the user to switch between a grid and a list layout for displaying the products.--> |
||||
|
<xpath expr="//div[hasclass('products_header')]" |
||||
|
position="after"> |
||||
|
<div class="btn-group btn-group-toggle ml-3 mb-2 d-none d-sm-inline-flex o_wsale_apply_layout btn-secondary" |
||||
|
data-toggle="buttons"> |
||||
|
<label t-attf-class="btn btn-light border-0 #{'active' if layout_mode != 'list' else None} fa fa-th-large o_wsale_apply_grid" |
||||
|
title="Grid"> |
||||
|
<input type="radio" name="wsale_products_layout" |
||||
|
t-att-checked="'checked' if layout_mode != 'list' else None"/> |
||||
|
</label> |
||||
|
<label t-attf-class="btn btn-light border-0 #{'active' if layout_mode == 'list' else None} fa fa-th-list o_wsale_apply_list" |
||||
|
title="List"> |
||||
|
<input type="radio" name="wsale_products_layout" |
||||
|
t-att-checked="'checked' if layout_mode == 'list' else None"/> |
||||
|
</label> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="watchhut_product_view" name="WatchHut Product View" |
||||
|
inherit_id="website_sale.product"> |
||||
|
<!-- The "watchhut_product_view" template is a customized version of the default product view --> |
||||
|
<!-- template for the Watch Hut website, featuring modifications to sections and elements to --> |
||||
|
<!-- enhance the display of product information, images, and functionality.--> |
||||
|
<xpath expr="//div[hasclass('justify-content-between')]" |
||||
|
position="replace"/> |
||||
|
<xpath expr="//div[hasclass('row')]" position="before"> |
||||
|
<!-- Add a banner head --> |
||||
|
<section class="banner"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h3 class="banner_head"> |
||||
|
Preview |
||||
|
</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
<xpath expr="//div[hasclass('mt-md-4')]" position="replace"> |
||||
|
<!-- Set product images --> |
||||
|
<section class="preview col-lg-6 col-12"> |
||||
|
<div class="pre_wrapper"> |
||||
|
<div class="row"> |
||||
|
<div class="col-12 mb-4"> |
||||
|
<div class="preview_img"> |
||||
|
<t t-set="product_images" |
||||
|
t-value="product_variant._get_images() if product_variant else product._get_images()"/> |
||||
|
<t t-foreach="product_images" |
||||
|
t-as="product_image"> |
||||
|
<span t-if="product_image" |
||||
|
t-field="product_image.image_1920" |
||||
|
t-options="{'widget': 'image'}"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
<xpath expr="//div[@id='product_details']" position="replace"> |
||||
|
<!-- Call product_price template from website_sale--> |
||||
|
<section class="preview col-lg-6 col-12"> |
||||
|
<div class="preview_left"> |
||||
|
<h2 itemprop="name" t-field="product.name">Product |
||||
|
Name |
||||
|
</h2> |
||||
|
<span itemprop="url" style="display:none;" |
||||
|
t-esc="product.website_url"/> |
||||
|
<p class="price"> |
||||
|
<t t-call="website_sale.product_price"/> |
||||
|
</p> |
||||
|
<p t-field="product.description_sale" class="details" |
||||
|
placeholder="A short description that will also appear on documents."/> |
||||
|
<div id="product_attributes_simple"> |
||||
|
<hr t-if="sum([(1 if len(l.value_ids)==1 else 0) for l in product.attribute_line_ids])"/> |
||||
|
<p class="text-muted"> |
||||
|
<t t-set="single_value_attributes" |
||||
|
t-value="product.valid_product_template_attribute_line_ids._prepare_single_value_for_display()"/> |
||||
|
<t t-foreach="single_value_attributes" |
||||
|
t-as="attribute"> |
||||
|
<span t-field="attribute.name"/>: |
||||
|
<t t-foreach="single_value_attributes[attribute]" |
||||
|
t-as="ptal"> |
||||
|
<span t-field="ptal.product_template_value_ids._only_active().name"/> |
||||
|
<t t-if="not ptal_last">,</t> |
||||
|
</t> |
||||
|
<br/> |
||||
|
</t> |
||||
|
</p> |
||||
|
</div> |
||||
|
<form t-if="product._is_add_to_cart_possible()" |
||||
|
action="/shop/cart/update" method="POST"> |
||||
|
<input type="hidden" name="csrf_token" |
||||
|
t-att-value="request.csrf_token()"/> |
||||
|
<div class="js_product js_main_product"> |
||||
|
<div class="quantity"> |
||||
|
<label for="">Quantity</label> |
||||
|
<div class="css_quantity input-group" |
||||
|
contenteditable="false"> |
||||
|
<div class="input-group-prepend"> |
||||
|
<a t-attf-href="#" |
||||
|
class="btn btn-minus js_add_cart_json" |
||||
|
aria-label="Remove one" |
||||
|
title="Remove one"> |
||||
|
<i class="fa fa-minus"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
<input type="text" |
||||
|
class="form-control input-number" |
||||
|
data-min="1" name="add_qty" |
||||
|
t-att-value="add_qty or 1"/> |
||||
|
<div class="input-group-append"> |
||||
|
<a t-attf-href="#" |
||||
|
class="btn btn-minus float_left js_add_cart_json" |
||||
|
aria-label="Add one" |
||||
|
title="Add one"> |
||||
|
<i class="fa fa-plus"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<t t-placeholder="select"> |
||||
|
<input type="hidden" class="product_id" |
||||
|
name="product_id" |
||||
|
t-att-value="product_variant.id"/> |
||||
|
<input type="hidden" |
||||
|
class="product_template_id" |
||||
|
name="product_template_id" |
||||
|
t-att-value="product.id"/> |
||||
|
<t t-if="combination" |
||||
|
t-call="sale.variants"> |
||||
|
<t t-set="ul_class" |
||||
|
t-value="'flex-column'"/> |
||||
|
<t t-set="parent_combination" |
||||
|
t-value="None"/> |
||||
|
</t> |
||||
|
<t t-else=""> |
||||
|
<ul class="d-none js_add_cart_variants" |
||||
|
t-att-data-attribute_exclusions="{'exclusions: []'}"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
<p t-if="True" |
||||
|
class="css_not_available_msg alert alert-warning"> |
||||
|
This combination does not exist. |
||||
|
</p> |
||||
|
<a role="button" id="add_to_cart" |
||||
|
class="btn btn-add js_check_product a-submit" |
||||
|
href="#">Add to Cart |
||||
|
</a> |
||||
|
<div id="product_option_block"/> |
||||
|
</div> |
||||
|
</form> |
||||
|
<p t-elif="not product.active" |
||||
|
class="alert alert-warning">This product is no longer |
||||
|
available. |
||||
|
</p> |
||||
|
<p t-else="" class="alert alert-warning">This product |
||||
|
has no valid combination. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div id="o_product_terms_and_share" |
||||
|
class="d-flex justify-content-between flex-column flex-md-row align-items-md-end mb-3"> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
<xpath expr="//a[@t-att-href='keep(category=0)']" |
||||
|
position="replace"> |
||||
|
<a t-att-href="keep(category=0)">Shop</a> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,83 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="gallery_banner" inherit_id="website.snippets" |
||||
|
name="Gallery banner"> |
||||
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" |
||||
|
position="inside"> |
||||
|
<t t-snippet="theme_watchhut.gallery" |
||||
|
t-thumbnail="/theme_watchhut/static/src/images/snippets/gallery.jpg"/> |
||||
|
</xpath> |
||||
|
<!-- Gallery Heading banner--> |
||||
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" |
||||
|
position="inside"> |
||||
|
<t t-snippet="theme_watchhut.gallery_heading" |
||||
|
t-thumbnail="/theme_watchhut/static/src/images/snippets/heading.jpg"/> |
||||
|
</xpath> |
||||
|
<!-- Shop Button banner--> |
||||
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" |
||||
|
position="inside"> |
||||
|
<t t-snippet="theme_watchhut.shop_button" |
||||
|
t-thumbnail="/theme_watchhut/static/src/images/snippets/shop_button.jpg"/> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="gallery" name="Gallery"> |
||||
|
<!-- Section Gallery starts here --> |
||||
|
<section class="gallery"> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="gallery_content"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6 col-sm-12 col-12"> |
||||
|
<div class="col-12"> |
||||
|
<a href=""> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/1.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-12"> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/2.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6 col-sm-12 col-12"> |
||||
|
<div class="col-12"> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/ww.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-12"> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/4.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-12"> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/5.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-12"> |
||||
|
<div class="wrapper"> |
||||
|
<img src="/theme_watchhut/static/src/images/gallery/6.jpg" |
||||
|
alt="" |
||||
|
class="inline-photo show-on-scroll"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section Gallery ends here --> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,18 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="gallery_heading" name="Gallery Heading"> |
||||
|
<!-- Section banner starts here --> |
||||
|
<section class="banner"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h3 class="banner_head"> |
||||
|
Men Watch |
||||
|
<br/> |
||||
|
Collection |
||||
|
</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section Gallery ends here --> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,29 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="shop_button" name="Shop Button"> |
||||
|
<!-- Section shop-button starts here --> |
||||
|
<section class="shop_button"> |
||||
|
<div class="container"> |
||||
|
<div class="wrapper"> |
||||
|
<div class="row"> |
||||
|
<div class="col-8 m-auto"> |
||||
|
<p> |
||||
|
Crafted from our exclusive “vegan” leather, this |
||||
|
cruelty-free collection is both chic and |
||||
|
sustainable. |
||||
|
Available in very limited quantities from select |
||||
|
<br/> |
||||
|
stockists. |
||||
|
</p> |
||||
|
<div class="shop_b"> |
||||
|
<a href="/shop" class="btn btn-shop">Shop Now |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section shop-button starts here --> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,106 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<odoo> |
||||
|
<record id="about_watchhut" model="ir.ui.view"> |
||||
|
<field name="name">About</field> |
||||
|
<field name="type">qweb</field> |
||||
|
<field name="key">theme_watchhut.about_watchhut</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<t name="About" t-name="theme_watchhut.about_watchhut"> |
||||
|
<t t-call="website.layout"> |
||||
|
<div id="wrap"> |
||||
|
<!-- Section banner starts here --> |
||||
|
<section class="banner_about"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h3 class="banner_head"> |
||||
|
About |
||||
|
</h3> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section Banner ends here --> |
||||
|
<!-- Section about starts here --> |
||||
|
<section class="about"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-8 col-md-8 col-12"> |
||||
|
<div class="large"> |
||||
|
<div class="large_text"> |
||||
|
Watchhut! |
||||
|
<p>Watchhut is an world wide |
||||
|
Branding company |
||||
|
Focusing on interactive |
||||
|
design and Fasion |
||||
|
</p> |
||||
|
Fasion |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="about_content"> |
||||
|
<h4>Introduction</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetur adipiscing elit. |
||||
|
Nunc est justo, aliquam nec |
||||
|
tempor fermentum, |
||||
|
commodo et libero. Quisque |
||||
|
et rutrum arcu. Vivamus |
||||
|
dictum tincidunt magna id |
||||
|
euismod. Nam sollicitudin mi |
||||
|
quis orci lobortis feugiat. |
||||
|
</p> |
||||
|
<h4>How Can We Help</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetur adipiscing elit. |
||||
|
Nunc est justo, aliquam nec |
||||
|
tempor fermentum, commodo et |
||||
|
libero. Quisque et rutrum |
||||
|
arcu. Vivamus dictum |
||||
|
tincidunt |
||||
|
magna id euismod. Nam |
||||
|
sollicitudin mi quis orci |
||||
|
lobortis feugiat. Lorem |
||||
|
ipsum dolor sit |
||||
|
amet, consectetur adipiscing |
||||
|
elit. Nunc est justo, |
||||
|
aliquam nec tempor |
||||
|
fermentum, commodo et |
||||
|
libero. Quisque et rutrum |
||||
|
arcu. Lorem ipsum dolor sit |
||||
|
amet, consectetur adipiscing |
||||
|
elit. Nunc |
||||
|
est justo, aliquam nec |
||||
|
tempor fermentum, commodo et |
||||
|
l ibero. Quisque et rutrum |
||||
|
arcu. |
||||
|
Vivamus dictum tincidunt |
||||
|
magna id euismod. Nam |
||||
|
sollicitudin mi quis orci |
||||
|
lobortis feugiat. |
||||
|
</p> |
||||
|
<p class="ital">Bags Courtesy of |
||||
|
Farrell&Co. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Section about ends here --> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
</field> |
||||
|
</record> |
||||
|
<record id="about_watchhut_page" model="website.page"> |
||||
|
<field name="url">/about</field> |
||||
|
<field name="is_published">True</field> |
||||
|
<field name="view_id" ref="about_watchhut"/> |
||||
|
<field name="track">True</field> |
||||
|
</record> |
||||
|
<record id="menu_about_watchhut" model="website.menu"> |
||||
|
<field name="name">About</field> |
||||
|
<field name="url">/about</field> |
||||
|
<field name="page_id" ref="theme_watchhut.about_watchhut_page"/> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence" type="int">50</field> |
||||
|
</record> |
||||
|
</odoo> |
||||
Loading…
Reference in new issue