Jul 4 : [ADD] Initial Commit 'odoo_icecat_connector'

odoo_icecat_connector/README.rst

@@ -0,0 +1,43 @@
+.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Odoo Icecat Connector
+=====================
+* Fetch product information from icecat
+
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.odoo.com/documentation/user/16.0/legal/licenses/licenses.html)
+
+Credits
+-------
+Developer: Gokul P I @cybrosys, 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 `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

odoo_icecat_connector/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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
+from . import controllers

odoo_icecat_connector/__manifest__.py

@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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': 'Odoo Icecat Connector',
+    'description': 'The Odoo Icecat Connector is a specialized module designed'
+                   ' to integrate the Icecat database with an Odoo e-commerce'
+                   ' website. Icecat is a leading global provider of product '
+                   'content, offering a vast repository of rich product data '
+                   'including descriptions, images, specifications, and more.',
+    'summary': 'With the Odoo Icecat Connector, businesses can unleash the '
+               'full potential of their Odoo e-commerce platform. By integrating'
+               ' the Icecat database with Odoo, businesses can import '
+               'accurate product details',
+    'category': 'eCommerce',
+    'version': '16.0.1.0.0',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': "https://www.cybrosys.com",
+    'depends': ['website', 'website_sale', 'stock'],
+    'data': [
+        'views/shop_templates.xml',
+        'views/product_template_views.xml',
+        'views/res_config_settings_views.xml',
+    ],
+    'images': [
+        'static/description/banner.jpg',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            'odoo_icecat_connector/static/src/js/icecat.js',
+            'https://live.icecat.biz/js/live-current-2.js'
+        ],
+    },
+    'license': 'LGPL-3',
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}

odoo_icecat_connector/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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 odoo_icecat_connector

odoo_icecat_connector/controllers/odoo_icecat_connector.py

@@ -0,0 +1,99 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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/>.
+#
+#############################################################################
+
+import requests
+from odoo.addons.website_sale.controllers.main import WebsiteSale
+from odoo.addons.website.controllers.main import QueryURL
+from odoo.http import request
+
+
+class Icecat(WebsiteSale):
+    def _prepare_product_values(self, product, category, search, **kwargs):
+        """Override method to pass the product details from the icecat to
+        odoo website"""
+        product_category = request.env['product.public.category']
+        if category:
+            category = product_category.browse(int(category)).exists()
+        attrib_list = request.httprequest.args.getlist('attrib')
+        attrib_values = [[int(attr) for attr in attribute.split("-")] for attribute in attrib_list if
+                         attribute]
+        attrib_set = {attribute[1] for attribute in attrib_values}
+        keep = QueryURL(
+            '/shop',
+            **self._product_get_query_url_kwargs(
+                category=category and category.id, search=search, **kwargs, ), )
+        # Needed to trigger the recently viewed product rpc
+        view_track = request.website.viewref("website_sale.product").track
+        username = request.env['ir.config_parameter'].get_param(
+            'odoo_icecat_connector.user_id_icecat')
+        if username:
+            response = requests.get(
+                "https://live.icecat.biz/api?UserName=%s&Language=en&Content"
+                "=&Brand=%s&ProductCode=%s" % (
+                    str(username), product.brand, product.default_code))
+            icecat = response.json()
+            if 'data' in icecat:
+                return {
+                    'search': search,
+                    'category': category,
+                    'pricelist': request.website.get_current_pricelist(),
+                    'attrib_values': attrib_values,
+                    'attrib_set': attrib_set,
+                    'keep': keep,
+                    'categories': product_category.search(
+                        [('parent_id', '=', False)]),
+                    'main_object': product,
+                    'product': product,
+                    'add_qty': 1,
+                    'view_track': view_track,
+                    'icecat': icecat['data']
+                }
+            else:
+                return {
+                    'search': search,
+                    'category': category,
+                    'pricelist': request.website.get_current_pricelist(),
+                    'attrib_values': attrib_values,
+                    'attrib_set': attrib_set,
+                    'keep': keep,
+                    'categories': product_category.search(
+                        [('parent_id', '=', False)]),
+                    'main_object': product,
+                    'product': product,
+                    'add_qty': 1,
+                    'view_track': view_track,
+                }
+        else:
+            return {
+                'search': search,
+                'category': category,
+                'pricelist': request.website.get_current_pricelist(),
+                'attrib_values': attrib_values,
+                'attrib_set': attrib_set,
+                'keep': keep,
+                'categories': product_category.search(
+                    [('parent_id', '=', False)]),
+                'main_object': product,
+                'product': product,
+                'add_qty': 1,
+                'view_track': view_track,
+            }

odoo_icecat_connector/doc/RELEASE_NOTES.md

@@ -0,0 +1,6 @@
+## Module <odoo_icecat_connector>
+
+#### 23.06.2023
+#### Version 16.0.1.0.0
+#### ADD
+- Initial commit for Odoo Icecat Connector 

odoo_icecat_connector/models/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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 product_template
+from . import res_config_settings

odoo_icecat_connector/models/product_template.py

@@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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 fields, models
+
+
+class ProductTemplateInherited(models.Model):
+    """Inheriting the product template for adding the field for icecat
+    product brand"""
+    _inherit = 'product.template'
+
+    brand = fields.Char(string="Brand",
+                        help="The brand name of product in the icecat")
+
+    def get_icecat_product_details(self, product_id):
+        """Returns the details of a product"""
+        if product_id:
+            products = self.env['product.product'].browse(int(product_id))
+            username = self.env['ir.config_parameter'].get_param(
+                'odoo_icecat_connector.user_id_icecat')
+            icecat_product_details = {'brand': products.brand,
+                                      'product_code': products.default_code,
+                                      'username': str(username)}
+            return icecat_product_details
+
+

odoo_icecat_connector/models/res_config_settings.py

@@ -0,0 +1,32 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Gokul PI (<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 fields, models
+
+
+class ResConfigSettings(models.TransientModel):
+    """Inheriting the config settings for adding the field for icecat user
+    id"""
+    _inherit = 'res.config.settings'
+
+    user_id_icecat = fields.Char(
+        config_parameter=
+        'odoo_icecat_connector.user_id_icecat', help='user id of the icecat')

odoo_icecat_connector/static/description/index.html

@@ -0,0 +1,641 @@
+<!-- HERO -->
+<div class="container">
+    <!-- TITLE BAR -->
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div
+                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+            <div
+                    style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Enterprise
+            </div>
+            <div
+                    style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Odoo.sh
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+    <div class="row"
+         style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
+        <div class="col-lg-12 d-flex flex-column align-items-center">
+            <h1 class="text-center text-uppercase"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;">
+                Odoo Icecat Connector
+            </h1>
+            <p class="my-1 text-center text-uppercase"
+               style="letter-spacing: 4px !important; color: #74788D !important;">
+                Icecat Connector for Odoo 16</p>
+        </div>
+        <div class="col-lg-12 text-center mt-5">
+        </div>
+
+
+    </div>
+</div>
+<!-- END OF HERO -->
+<!-- OVERVIEW -->
+<div class="container">
+    <div class="row"
+         style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
+        <div class="col-lg-12 d-flex flex-column justify-content-center">
+            <h1 class="my-1 text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
+                Fetch the product information from icecat database using
+                product id internal reference.
+                Using Icecat we can fetch the data from the icecat database
+                rather than odoo's database
+                Instead of manually inputting product information, integrating
+                with Icecat allows for automatic import of product data, which
+                saves time and reduces errors.
+
+            </h1>
+            <div class="container">
+                <div class="col-lg-12 d-flex justify-content-center align-items-center"
+                     style="margin: 2rem 0;">
+                    <img src="./assets/Screenshots/icecat_site.png"
+                         width="100%" height="auto" class="img-responsive">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END OF OVERVIEW-->
+<!-- FEATURE -->
+<div class="container" style="margin-top: 3rem;">
+    <div class="row">
+        <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center">
+
+            <h2
+                    style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                Features</h2>
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h4
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    1. Product Information Enrichment: With the Odoo Icecat
+                    Connector, businesses can easily enrich their product
+                    catalog by importing detailed and accurate information from
+                    the Icecat database. This includes product descriptions,
+                    images, technical specifications, and marketing content,
+                    all of which contribute to an enhanced user experience and
+                    increase customer confidence in their purchase decisions.
+                </h4>
+                <h4
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    2. Automatic Updates: The integration provides automatic
+                    synchronization between the Icecat database and the Odoo
+                    e-commerce website. Any changes or additions made to the
+                    Icecat database are automatically reflected in the
+                    corresponding products on the e-commerce site, saving
+                    valuable time and effort for the business.
+                </h4>
+                <h4
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    3. Time Efficiency: By leveraging the Odoo Icecat
+                    Connector, businesses can significantly reduce the time
+                    required to manage and update product information. The
+                    module allows for the bulk import of product details,
+                    eliminating the need for manual entry and reducing the
+                    likelihood of errors.
+                </h4>
+                <h4
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    4. Enhanced User Experience: With comprehensive product
+                    information readily available, customers visiting the Odoo
+                    e-commerce website can make informed purchasing decisions.
+                    Detailed descriptions, high-quality images, and accurate
+                    specifications empower customers to evaluate products
+                    effectively, leading to increased trust and satisfaction
+                </h4>
+            </div>
+        </div>
+    </div>
+    <!-- END OF RESPONSIVE -->
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h2
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    First set your username of icecat like picture shown below
+                </h2>
+            </div>
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/Screenshots/icecatseting.png" width="100%"
+                     height="auto" class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h2
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    Create or import the product with internal reference as the
+                    product code of the product in the icecat and brand of
+                    product as brand in the icecat
+                </h2>
+            </div>
+
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/Screenshots/img_1.png" width="100%"
+                     height="auto" class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- FEATURE -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row shadow"
+             style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top:  3px solid #556EE6 !important; min-width: 100% !important;">
+            <div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
+                <h2
+                        style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
+                    After that we can see the details of the product in the
+                    website. Here all the details are coming from the icecat
+                    database
+                </h2>
+            </div>
+            <div class="col-lg-12"
+                 style="padding-left: 0 !important; padding-right: 0!important;">
+                <img src="assets/Screenshots/ice1.png" width="90%"
+                     height="auto" class="img-responsive">
+                <img src="assets/Screenshots/ice2.png" width="90%"
+                     height="auto" class="img-responsive">
+                <img src="assets/Screenshots/ice4.png" width="90%"
+                     height="auto" class="img-responsive">
+                <img src="assets/Screenshots/ice5.png" width="90%"
+                     height="auto" class="img-responsive">
+                <img src="assets/Screenshots/ice6.png" width="90%"
+                     height="auto" class="img-responsive">
+            </div>
+        </div>
+    </div>
+    <!-- END OF FEATURE -->
+
+    <!-- TWO COLUMN BLOCK -->
+    <div class="container" style="margin-top: 3rem;">
+        <div class="row" style="margin: 2rem; ; min-width: 100% !important;">
+
+            <div class="col-lg-8"
+                 style="padding: 1rem 1rem 1rem 0rem !important;">
+
+            </div>
+
+            <!-- SCREENSHOTS -->
+        </div>
+        <!-- RELATED PRODUCTS -->
+        <div class="d-flex align-items-center"
+             style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+            <div class="d-flex justify-content-center align-items-center mr-2"
+                 style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+                <img src="assets/misc/categories.png"/>
+            </div>
+            <h2 class="mt-2"
+                style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+                Related
+                Products
+            </h2>
+        </div>
+        <div class="row">
+            <div class="col-sm-12">
+                <div id="demo1" class="row carousel slide"
+                     data-ride="carousel">
+                    <!-- The slideshow -->
+                    <div class="carousel-inner" style="padding: 30px;">
+                        <div class="carousel-item"
+                             style="min-height: 198.656px;">
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/dynamic_accounts_report/"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/1.png">
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/product_brand_purchase/"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/2.png">
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/sale_product_image/"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/3.png">
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="carousel-item active"
+                             style="min-height: 198.656px;">
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/odoo_sale_order_line_views/#"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/4.png">
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/base_accounting_kit/#"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/5.gif">
+                                    </div>
+                                </a>
+                            </div>
+                            <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                                 style="float:left">
+                                <a href="https://apps.odoo.com/apps/modules/16.0/hr_payroll_community/"
+                                   target="_blank">
+                                    <div style="border-radius:10px">
+                                        <img class="img img-responsive center-block"
+                                             style="border-radius: 0px;"
+                                             src="assets/modules/6.png">
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1" data-slide="prev"
+               style="width:35px; color:#000"> <span
+                    class="carousel-control-prev-icon"><i
+                    class="fa fa-chevron-left"
+                    style="font-size:24px"></i></span>
+            </a> <a class="carousel-control-next" href="#demo1"
+                    data-slide="next" style="width:35px; color:#000">
+            <span class="carousel-control-next-icon"><i
+                    class="fa fa-chevron-right"
+                    style="font-size:24px"></i></span>
+        </a>
+        </div>
+        <!-- END OF RELATED PRODUCTS -->
+        <!-- END OF SCREENSHOTS -->
+
+        <!-- OUR SERVICES -->
+        <section class="container" style="margin-top: 6rem !important;">
+            <div class="row">
+                <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
+
+                    <h2
+                            style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                        Our Services</h2>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/cogs.png" class="img-responsive"
+                             height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Customization</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/wrench.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Implementation</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/lifebuoy.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Support</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/user.png" class="img-responsive"
+                             height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Hire
+                        Odoo
+                        Developer</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/puzzle.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Integration</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/update.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Migration</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/consultation.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Consultancy</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/training.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Implementation</h6>
+                </div>
+
+                <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+                    <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                         style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                        <img src="assets/icons/license.png"
+                             class="img-responsive" height="48px" width="48px">
+                    </div>
+                    <h6 class="text-center"
+                        style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                        Odoo
+                        Licensing Consultancy</h6>
+                </div>
+            </div>
+        </section>
+        <!-- END OF OUR SERVICES -->
+
+        <!-- OUR INDUSTRIES -->
+        <section class="container"
+                 style="margin-top: 6rem !important; background-color: #fff !important;">
+            <div class="row">
+                <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
+
+                    <h2
+                            style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                        Our Industries</h2>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/trading-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Trading
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Easily
+                            procure
+                            and
+                            sell your products</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/pos-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            POS
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Easy
+                            configuration
+                            and convivial experience</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/education-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Education
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            A
+                            platform for
+                            educational management</p>
+                    </div>
+                </div>
+
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/manufacturing-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Manufacturing
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Plan,
+                            track and
+                            schedule your operations</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/ecom-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            E-commerce &amp; Website
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Mobile
+                            friendly,
+                            awe-inspiring product pages</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/service-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Service Management
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Keep
+                            track of
+                            services and invoice</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/restaurant-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Restaurant
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            Run
+                            your bar or
+                            restaurant methodically</p>
+                    </div>
+                </div>
+                <div class="col-lg-3">
+                    <div class="my-4 d-flex flex-column justify-content-center"
+                         style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
+                        <img src="./assets/icons/hotel-black.png"
+                             class="img-responsive mb-3" height="48px"
+                             width="48px">
+                        <h5
+                                style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                            Hotel Management
+                        </h5>
+                        <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                            An
+                            all-inclusive
+                            hotel management application</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- END OF OUR INDUSTRIES -->
+
+        <!-- FOOTER -->
+        <!-- Footer Section -->
+        <section class="container"
+                 style="margin: 5rem auto 2rem; background-color: #fff !important;">
+            <div class="row" style="max-width:1540px;">
+                <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
+
+                    <h2
+                            style="font-weight: 300 !important; background-color: #fff !important; z-index: 1 !important; padding: 0 1rem !important;">
+                        Need Help?</h2>
+                </div>
+            </div>
+            <!-- Contact Cards -->
+            <div class="row d-flex justify-content-center align-items-center"
+                 style="max-width:1540px; margin: 0 auto 2rem auto;">
+                <div class="col-lg-12"
+                     style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
+                    <div class="row mt-4">
+                        <div class="col-lg-4">
+                            <a href="mailto:odoo@cybrosys.com" target="_blank"
+                               class="btn btn-block mb-2 deep_hover"
+                               style="text-decoration: none;  background-color: #4d4d4d; color: #FFF;  border-radius: 4px;"><i
+                                    class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
+                        </div>
+                        <div class="col-lg-4">
+                            <a href="https://api.whatsapp.com/send?phone=918606827707"
+                               target="_blank"
+                               class="btn btn-block mb-2 deep_hover"
+                               style="text-decoration: none;  background-color: #25D366; color: #FFF;  border-radius: 4px;">
+                                <i class="fa fa-whatsapp mr-2"></i>WhatsApp</a>
+                        </div>
+                        <div class="col-lg-4">
+                            <a href="mailto:info@cybrosys.com" target="_blank"
+                               class="btn btn-block deep_hover"
+                               style="text-decoration: none; background-color: #4d4d4d; color: #FFF;  border-radius: 4px;">
+                                <i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- End of Contact Cards -->
+        </section>
+        <!-- Footer -->
+        <section class="oe_container"
+                 style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
+            <div class="row"
+                 style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+                <!-- Logo -->
+                <div class="col-lg-12 d-flex justify-content-center align-items-center"
+                     style="margin-top: 3rem;">
+                    <img src="https://www.cybrosys.com/images/logo.png"
+                         width="200px" height="auto"/>
+                </div>
+                <!-- End of Logo -->
+            </div>
+        </section>
+        <!-- END OF FOOTER -->
+    </div>
+</div>

odoo_icecat_connector/static/src/js/icecat.js

@@ -0,0 +1,36 @@
+odoo.define('odoo_icecat_connector.icecat_products', function(require) {
+    'use strict';
+    // Calling the method to get the product details from the icecat db and pass
+    //the corresponding details to the website
+    var rpc = require('web.rpc')
+    rpc.query({
+        model: 'product.template',
+        method: 'get_icecat_product_details',
+        args: [
+            [], $('.product_id').val()
+        ],
+    }).then(function(data) {
+        if (data) {
+            if (data.brand != false) {
+                IcecatLive.getDatasheet({
+                    'title': '#icecat_title',
+                    'essentialinfo': '#icecat_essentialinfo',
+                    'marketingtext': '#icecat_marketingtext',
+                    'manuals': '#icecat_manuals',
+                    'reasonstobuy': '#icecat_reasonstobuy',
+                    'reviews': '#icecat_reviews',
+                    'featuregroups': '#icecat_featuregroups',
+                    'gallery': '#icecat_gallery',
+                    'featurelogos': '#icecat_featurelogos',
+                    'tours3d': '#icecat_tours3d',
+                    'videos': '#icecat_videos',
+                    'productstory': '#icecat_productstory'
+                }, {
+                    Brand: data.brand,
+                    PartCode: data.product_code,
+                    UserName: data.username,
+                }, 'en')
+            }
+        }
+    });
+});

odoo_icecat_connector/views/product_template_views.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Inheriting the product template to add the  new field  -->
+    <record id="product_template_only_form_view" model="ir.ui.view">
+        <field name="name">product.template.view.form.inherit.odoo.icecat.connector</field>
+        <field name="model">product.template</field>
+        <field name="inherit_id"
+               ref="product.product_template_only_form_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='default_code']" position="after">
+                <field name="brand"/>
+            </xpath>
+        </field>
+    </record>
+</odoo>

odoo_icecat_connector/views/res_config_settings_views.xml

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!-- Inheriting the res config to add the new field       -->
+        <record id="res_config_settings_view_form" model="ir.ui.view">
+            <field name="name">
+                res.config.settings.view.form.inherit.odoo.icecat.connector
+            </field>
+            <field name="model">res.config.settings</field>
+            <field name="priority" eval="15"/>
+            <field name="inherit_id"
+                   ref="website.res_config_settings_view_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//field[@name='favicon']" position="after">
+                    <div class="">
+                        <div>
+                            <div>
+                                <label for="user_id_icecat"/>
+                            </div>
+                            <div class="text-muted">
+                                Select your Icecat username here
+                            </div>
+                            <div>
+                                <field name="user_id_icecat"/>
+                            </div>
+                        </div>
+                    </div>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>

odoo_icecat_connector/views/shop_templates.xml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <data>
+        <!--        Inheriting the shop page to add the product details from icecat db-->
+        <template id="icecat_shop_product" inherit_id="website_sale.product"
+                  name="Products">
+            <xpath expr="//section[@id='product_detail']" position="after">
+                <div class="container">
+                    <t t-if="icecat">
+                        <h2>
+                            <t t-esc="icecat['GeneralInfo']['Title']"/>
+                        </h2>
+                        <div class="IcecatLive -icecat-tabs_body for-essentialinfo">
+                            <div class="IcecatLive for-essentialinfo">
+                                <div class="-essential-container">
+                                    <div class="-icecat-info_product">
+                                        <span class="-title">Brand:</span>
+                                        <span class="-text">
+                                            <t t-esc="icecat['GeneralInfo']['Brand']"/>
+                                        </span>
+                                    </div>
+                                    <div class="-icecat-info_product">
+                                        <span class="-title">Product name:
+                                        </span>
+                                        <span class="-text">
+                                            <t t-esc="icecat['GeneralInfo']['Title']"/>
+                                        </span>
+                                    </div>
+                                    <div class="-icecat-info_product">
+                                        <span class="-title">Product code:
+                                        </span>
+                                        <span class="-text">
+                                            <t t-esc="icecat['GeneralInfo']['BrandPartCode']"/>
+                                        </span>
+                                    </div>
+                                    <div id="liveMainImage"
+                                         class="-icecat-product_img">
+                                        <img style="width:350px"
+                                             id="img-medium-2290933-13754032"
+                                             class="-icecat-ajaxImg"
+                                             t-att-src="icecat['Image']['HighPic']"
+                                             data-loaded="true"/>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </t>
+                    <div id="icecat_marketingtext"/>
+                    <div id="icecat_manuals"/>
+                    <div id="icecat_reasonstobuy"/>
+                    <div id="icecat_reviews"/>
+                    <div id="icecat_featuregroups"/>
+                    <div id="icecat_gallery"/>
+                    <div id="icecat_featurelogos"/>
+                    <div id="icecat_tours3d"/>
+                    <div id="icecat_videos"/>
+                    <div id="icecat_productstory"/>
+                </div>
+            </xpath>
+        </template>
+    </data>
+</odoo>