| @ -0,0 +1,43 @@ | |||||
|  | .. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg | ||||
|  |     :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html | ||||
|  |     :alt: License: AGPL-3 | ||||
|  | 
 | ||||
|  | Whatsapp Live Chat Odoo | ||||
|  | ======================= | ||||
|  | * In this module customer can send message to the partner through whatsapp web | ||||
|  | while ordering a product | ||||
|  | 
 | ||||
|  | Configuration | ||||
|  | ============= | ||||
|  | * No additional configurations needed | ||||
|  | 
 | ||||
|  | License | ||||
|  | ======= | ||||
|  | AFFERO GENERAL PUBLIC LICENSE, Version 3 (AGPLv3) | ||||
|  | (http://www.gnu.org/licenses/agpl-3.0-standalone.html) | ||||
|  | 
 | ||||
|  | Company | ||||
|  | ------- | ||||
|  | * 'Cybrosys Techno Solutions <https://cybrosys.com/>`__ | ||||
|  | 
 | ||||
|  | Credits | ||||
|  | ------- | ||||
|  | * Developer: (V14) Mohammed Irfan T, Contact: odoo@cybrosys.com | ||||
|  | 
 | ||||
|  | Contacts | ||||
|  | -------- | ||||
|  | * Mail Contact : odoo@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 | ||||
|  | ========== | ||||
|  | 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,21 @@ | |||||
|  | # -*- coding: utf-8 -*- | ||||
|  | ############################################################################# | ||||
|  | # | ||||
|  | #    Cybrosys Technologies Pvt. Ltd. | ||||
|  | # | ||||
|  | #    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | ||||
|  | #    Author: Mohammed Irfan T(odoo@cybrosys.com) | ||||
|  | #    You can modify it under the terms of the GNU AFFERO | ||||
|  | #    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | ||||
|  | # | ||||
|  | #    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | ||||
|  | #    (AGPL v3) along with this program. | ||||
|  | #    If not, see <http://www.gnu.org/licenses/>. | ||||
|  | # | ||||
|  | ############################################################################# | ||||
|  | from . import models | ||||
| @ -0,0 +1,43 @@ | |||||
|  | # -*- coding: utf-8 -*- | ||||
|  | ############################################################################# | ||||
|  | # | ||||
|  | #    Cybrosys Technologies Pvt. Ltd. | ||||
|  | # | ||||
|  | #    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | ||||
|  | #    Author: Mohammed Irfan T(odoo@cybrosys.com) | ||||
|  | #    You can modify it under the terms of the GNU AFFERO | ||||
|  | #    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | ||||
|  | # | ||||
|  | #    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | ||||
|  | #    (AGPL v3) along with this program. | ||||
|  | #    If not, see <http://www.gnu.org/licenses/>. | ||||
|  | # | ||||
|  | ############################################################################# | ||||
|  | { | ||||
|  |     'name': 'Whatsapp Live Chat Odoo', | ||||
|  |     'version': '14.0.1.0.0', | ||||
|  |     'category': 'Extra Tools,Website,eCommerce', | ||||
|  |     'summary': 'Send Message to partner via Whatsapp web', | ||||
|  |     'description': """In this module customer can send message to the | ||||
|  |     partner through whatsapp web while ordering a product""", | ||||
|  |     'author': 'Cybrosys Techno solutions', | ||||
|  |     'company': 'Cybrosys Techno Solutions', | ||||
|  |     'maintainer': 'Cybrosys Techno Solutions', | ||||
|  |     'website': 'https://www.cybrosys.com', | ||||
|  |     'depends': ['website_sale'], | ||||
|  |     'data': [ | ||||
|  |         'views/assets.xml', | ||||
|  |         'views/res_config_settings_views.xml', | ||||
|  |         'views/whatsapp_order_templates.xml', | ||||
|  |     ], | ||||
|  |     'images': ['static/description/banner.png'], | ||||
|  |     'license': 'AGPL-3', | ||||
|  |     'installable': True, | ||||
|  |     'application': False, | ||||
|  |     'auto_install': False, | ||||
|  | } | ||||
| @ -0,0 +1,7 @@ | |||||
|  | ## Module <integration_whatsapp_chat_live> | ||||
|  | 
 | ||||
|  | #### 24.10.2023 | ||||
|  | #### Version 14.0.1.0.0 | ||||
|  | #### ADD | ||||
|  | 
 | ||||
|  | - Initial Commit for Whatsapp Live Chat Odoo | ||||
| @ -0,0 +1,21 @@ | |||||
|  | # -*- coding: utf-8 -*- | ||||
|  | ############################################################################# | ||||
|  | # | ||||
|  | #    Cybrosys Technologies Pvt. Ltd. | ||||
|  | # | ||||
|  | #    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | ||||
|  | #    Author: Mohammed Irfan T(odoo@cybrosys.com) | ||||
|  | #    You can modify it under the terms of the GNU AFFERO | ||||
|  | #    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | ||||
|  | # | ||||
|  | #    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | ||||
|  | #    (AGPL v3) along with this program. | ||||
|  | #    If not, see <http://www.gnu.org/licenses/>. | ||||
|  | # | ||||
|  | ############################################################################# | ||||
|  | from . import res_config_settings | ||||
| @ -0,0 +1,51 @@ | |||||
|  | # -*- coding: utf-8 -*- | ||||
|  | ############################################################################# | ||||
|  | # | ||||
|  | #    Cybrosys Technologies Pvt. Ltd. | ||||
|  | # | ||||
|  | #    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). | ||||
|  | #    Author: Mohammed Irfan T(odoo@cybrosys.com) | ||||
|  | #    You can modify it under the terms of the GNU AFFERO | ||||
|  | #    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. | ||||
|  | # | ||||
|  | #    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE | ||||
|  | #    (AGPL v3) along with this program. | ||||
|  | #    If not, see <http://www.gnu.org/licenses/>. | ||||
|  | # | ||||
|  | ############################################################################# | ||||
|  | from odoo import api, fields, models | ||||
|  | 
 | ||||
|  | 
 | ||||
|  | class ResConfigSettings(models.TransientModel): | ||||
|  |     """This class used to inherit Res Configuration for adding extra fields""" | ||||
|  |     _inherit = 'res.config.settings' | ||||
|  | 
 | ||||
|  |     mobile_phone_no = fields.Char(string='Mobile Phone No:', | ||||
|  |                                   help='User Can add mobile number', | ||||
|  |                                   config_parameter='integration_whatsapp_chat_live.' | ||||
|  |                                                    'mobile_phone_no') | ||||
|  |     custom_message = fields.Text(string="Custom Message", | ||||
|  |                                  help='User Can add custom message') | ||||
|  | 
 | ||||
|  |     @api.model | ||||
|  |     def get_values(self): | ||||
|  |         """Return values for the field custom messages""" | ||||
|  |         res = super(ResConfigSettings, self).get_values() | ||||
|  |         params = self.env['ir.config_parameter'].sudo() | ||||
|  |         custom_message_id = params.get_param( | ||||
|  |             'integration_whatsapp_chat_live.custom_message') | ||||
|  |         res.update(custom_message=custom_message_id, ) | ||||
|  |         return res | ||||
|  | 
 | ||||
|  |     @api.model | ||||
|  |     def set_values(self): | ||||
|  |         """Set values for the field custom messages""" | ||||
|  |         super(ResConfigSettings, self).set_values() | ||||
|  |         self.env['ir.config_parameter'].sudo().set_param( | ||||
|  |             "integration_whatsapp_chat_live.custom_message", | ||||
|  |             self.custom_message) | ||||
| After Width: | Height: | Size: 3.6 KiB | 
| After Width: | Height: | Size: 310 B | 
| After Width: | Height: | Size: 1.3 KiB | 
| After Width: | Height: | Size: 1.4 KiB | 
| After Width: | Height: | Size: 576 B | 
| After Width: | Height: | Size: 733 B | 
| After Width: | Height: | Size: 911 B | 
| After Width: | Height: | Size: 1.1 KiB | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 3.4 KiB | 
| After Width: | Height: | Size: 673 B | 
| After Width: | Height: | Size: 878 B | 
| After Width: | Height: | Size: 653 B | 
| After Width: | Height: | Size: 905 B | 
| After Width: | Height: | Size: 839 B | 
| After Width: | Height: | Size: 427 B | 
| After Width: | Height: | Size: 627 B | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 988 B | 
| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 58 KiB | 
| After Width: | Height: | Size: 58 KiB | 
| After Width: | Height: | Size: 58 KiB | 
| After Width: | Height: | Size: 58 KiB | 
| After Width: | Height: | Size: 47 KiB | 
| After Width: | Height: | Size: 49 KiB | 
| After Width: | Height: | Size: 370 KiB | 
| After Width: | Height: | Size: 131 KiB | 
| After Width: | Height: | Size: 264 KiB | 
| After Width: | Height: | Size: 116 KiB | 
| After Width: | Height: | Size: 374 KiB | 
| After Width: | Height: | Size: 92 KiB | 
| After Width: | Height: | Size: 73 KiB | 
| After Width: | Height: | Size: 160 KiB | 
| After Width: | Height: | Size: 107 KiB | 
| After Width: | Height: | Size: 9.4 KiB | 
| @ -0,0 +1,650 @@ | |||||
|  | <!DOCTYPE html> | ||||
|  | <head> | ||||
|  |     <link rel="stylesheet" | ||||
|  |           href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" | ||||
|  |           integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" | ||||
|  |           crossorigin="anonymous"> | ||||
|  | </head> | ||||
|  | <body></body> | ||||
|  | <div class="container" | ||||
|  |      style="padding: 1rem !important; margin-bottom: 1rem !important;"> | ||||
|  |     <div class="row"> | ||||
|  |         <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between" | ||||
|  |              style="border-bottom: 1px solid #d5d5d5;"> | ||||
|  |             <div class="my-3"> | ||||
|  |                 <img src="./assets/icons/logo.png" | ||||
|  |                      style="width: auto !important; height: 40px !important;"> | ||||
|  |             </div> | ||||
|  |             <div class="my-3 d-flex align-items-center"> | ||||
|  |                 <div | ||||
|  |                         style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> | ||||
|  |                     <i class="fa fa-check mr-1"></i>Community | ||||
|  |                 </div> | ||||
|  |                 <div | ||||
|  |                         style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> | ||||
|  |                     <i class="fa fa-check mr-1"></i>Enterprise | ||||
|  |                 </div> | ||||
|  |                 <div | ||||
|  |                         style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;"> | ||||
|  |                     <i class="fa fa-check mr-1"></i>Odoo.sh | ||||
|  |                 </div> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  | </div> | ||||
|  | <div class="container" style="padding: 0rem 1.5rem 4rem !important"> | ||||
|  |     <div class="row" style="height: 900px !important;"> | ||||
|  |         <div class="col-sm-12 col-md-12 col-lg-12" | ||||
|  |              style="padding: 4rem 1rem !important; background-color: #714B67 !important; height: 600px !important; border-radius: 20px !important;"> | ||||
|  |             <h1 | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #FFFFFF !important;  font-size: 3.5rem !important; text-align: center !important;"> | ||||
|  |                 Whatsapp Live Chat Odoo</h1> | ||||
|  |             <p | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 300 !important; color: #FFFFFF !important;  font-size: 1.4rem !important; text-align: center !important;"> | ||||
|  |                 Send Message to partner via WhatsApp web | ||||
|  |             </p> | ||||
|  |             <img src="assets/screenshots/hero.gif" class="img-thumbnail" width="100%" height="auto"> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <div class="row"> | ||||
|  |         <div class="col-md-12" | ||||
|  |              style="border-bottom: 1px solid #d5d5d5 !important; margin-bottom: 2rem !important"> | ||||
|  |             <h2 | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> | ||||
|  |                 <i class="fa fa-compass mr-2"></i>Explore this module | ||||
|  |             </h2> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6"> | ||||
|  |             <a href="#overview" style="text-decoration: none !important;"> | ||||
|  |                 <div class="row" | ||||
|  |                      style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> | ||||
|  |                     <div class="col-8"> | ||||
|  |                         <h3 | ||||
|  |                                 style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> | ||||
|  |                             Overview</h3> | ||||
|  |                         <p | ||||
|  |                                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;"> | ||||
|  |                             Learn more about this module</p> | ||||
|  |                     </div> | ||||
|  |                     <div class="col-4 text-right d-flex justify-content-end align-items-center"> | ||||
|  |                         <i class="fa fa-chevron-right" | ||||
|  |                            style="color: #714B67 !important;"></i> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |             </a> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6"> | ||||
|  |             <a href="#features" style="text-decoration: none !important;"> | ||||
|  |                 <div class="row" | ||||
|  |                      style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> | ||||
|  |                     <div class="col-8"> | ||||
|  |                         <h3 | ||||
|  |                                 style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> | ||||
|  |                             Features</h3> | ||||
|  |                         <p | ||||
|  |                                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;"> | ||||
|  |                             View features of this module</p> | ||||
|  |                     </div> | ||||
|  |                     <div class="col-4 text-right d-flex justify-content-end align-items-center"> | ||||
|  |                         <i class="fa fa-chevron-right" | ||||
|  |                            style="color: #714B67 !important;"></i> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |             </a> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6"> | ||||
|  |             <a href="#screenshots" style="text-decoration: none !important;"> | ||||
|  |                 <div class="row" | ||||
|  |                      style="background-color: #f5f2f5 !important; border-radius: 10px !important; margin: 1rem !important; padding: 1.5em !important; height: 100px !important;"> | ||||
|  |                     <div class="col-8"> | ||||
|  |                         <h3 | ||||
|  |                                 style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.2rem !important;"> | ||||
|  |                             Screenshots</h3> | ||||
|  |                         <p | ||||
|  |                                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #714B67 !important; font-size: 0.9rem !important;"> | ||||
|  |                             See key screenshots of this module</p> | ||||
|  |                     </div> | ||||
|  |                     <div class="col-4 text-right d-flex justify-content-end align-items-center"> | ||||
|  |                         <i class="fa fa-chevron-right" | ||||
|  |                            style="color: #714B67 !important;"></i> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |             </a> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <div class="row" id="overview"> | ||||
|  |         <div class="col-md-12" | ||||
|  |              style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important"> | ||||
|  |             <h2 | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> | ||||
|  |                 <i class="fa fa-pie-chart mr-2"></i>Overview | ||||
|  |             </h2> | ||||
|  |         </div> | ||||
|  |         <div class="col-mg-12 pl-3"> | ||||
|  |             <p | ||||
|  |                     style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important; line-height: 30px !important;"> | ||||
|  |                 This module adds a WhatsApp button on the website of the | ||||
|  |                 selected | ||||
|  |                 product in which the customers can communicate with the website | ||||
|  |                 through | ||||
|  |                 WhatsApp about each product. | ||||
|  |             </p> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <div class="row" id="features"> | ||||
|  |         <div class="col-md-12" | ||||
|  |              style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important"> | ||||
|  |             <h2 | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> | ||||
|  |                 <i class="fa fa-star mr-2"></i>Features | ||||
|  |             </h2> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6 pl-3 py-3 d-flex"> | ||||
|  |             <div> | ||||
|  |                 <img src="assets/icons/check.png"> | ||||
|  |             </div> | ||||
|  |             <div> | ||||
|  |                 <h4 | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |                     Community Support</h4> | ||||
|  |                 <p | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |                     Available in Odoo 14.0 Community .</p> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6 pl-3 py-3 d-flex"> | ||||
|  |             <div> | ||||
|  |                 <img src="assets/icons/check.png"> | ||||
|  |             </div> | ||||
|  |             <div> | ||||
|  |                 <h4 | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |                     Enterprise Support</h4> | ||||
|  |                 <p | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |                     Available in Odoo 14.0 Enterprise .</p> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6 pl-3 py-3 d-flex"> | ||||
|  |             <div> | ||||
|  |                 <img src="assets/icons/check.png"> | ||||
|  |             </div> | ||||
|  |             <div> | ||||
|  |                 <h4 | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |                     Odoo.sh Support</h4> | ||||
|  |                 <p | ||||
|  |                         style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |                     Available in Odoo 14.0 Odoo.sh .</p> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |         <div class="col-md-6 pl-3 py-3 d-flex"> | ||||
|  |             <div> | ||||
|  |                 <img src="assets/icons/check.png"> | ||||
|  |             </div> | ||||
|  |           <div> | ||||
|  |             <h4 | ||||
|  |                     style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |               While choosing a product from the Website, it is simple to | ||||
|  |               interact via WhatsApp.</h4> | ||||
|  |           </div> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <div class="row" id="screenshots"> | ||||
|  |         <div class="col-md-12" | ||||
|  |              style="border-bottom: 1px solid #d5d5d5 !important; margin: 2rem 0 !important"> | ||||
|  |             <h2 | ||||
|  |                     style="font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; color: #714B67 !important; font-size: 1.5rem !important;"> | ||||
|  |                 <i class="fa fa-image mr-2"></i>Screenshots | ||||
|  |             </h2> | ||||
|  |         </div> | ||||
|  |         <div class="col-lg-12 my-2"> | ||||
|  |             <h4 class="mt-2" | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |                 Setting Mobile phone numbers and adding any custom messages</h4> | ||||
|  |             <p | ||||
|  |                     style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |                 Go to Website Settings > There we can give the mobile phone number, add any custom messages and save.</p> | ||||
|  |             <img src="assets/screenshots/settings.png" | ||||
|  |                  class="img-responsive img-thumbnail border" width="100%" | ||||
|  |                  height="auto"/> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <div class="col-lg-12 my-3"> | ||||
|  |         <h4 class="mt-3" | ||||
|  |             style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |             WhatsApp clickable button</h4> | ||||
|  |         <p | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |            WhatsApp web can be accessed by clicking that button. | ||||
|  |         </p> | ||||
|  |         <img src="assets/screenshots/wp_click.png" | ||||
|  |              class="img-responsive img-thumbnail border" width="100%" | ||||
|  |              height="auto"/> | ||||
|  |     </div> | ||||
|  |     <div class="col-lg-12 my-3"> | ||||
|  |         <h4 class="mt-3" | ||||
|  |             style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |             Scan web </h4> | ||||
|  |         <p | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |             Scan the web for whatsApp connections. | ||||
|  |         </p> | ||||
|  |         <img src="assets/screenshots/scan_web.png" | ||||
|  |              class="img-responsive img-thumbnail border" width="100%" | ||||
|  |              height="auto"/> | ||||
|  |     </div> | ||||
|  |     <div class="col-lg-12 my-3"> | ||||
|  |         <h4 class="mt-3" | ||||
|  |             style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |             Continue Chat</h4> | ||||
|  |         <p | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |             Click Continue Chat to be redirected to the corresponding chat form for the mobile phone specified in the website settings. | ||||
|  |             We can also see that personalised message as well as the product we selected. | ||||
|  |         </p> | ||||
|  |         <img src="assets/screenshots/countinue.png" | ||||
|  |              class="img-responsive img-thumbnail border" width="100%" | ||||
|  |              height="auto"/> | ||||
|  |     </div> | ||||
|  |     <div class="col-lg-12 my-3"> | ||||
|  |         <h4 class="mt-3" | ||||
|  |             style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |             Chats on the Whatsapp mobile app</h4> | ||||
|  |         <p | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |             You can Share the chats to this contact. | ||||
|  |         </p> | ||||
|  |         <img src="assets/screenshots/auto_msg.png" | ||||
|  |              class="img-responsive img-thumbnail border" width="100%" | ||||
|  |              height="auto"/> | ||||
|  |     </div> | ||||
|  |     <div class="col-lg-12 my-3"> | ||||
|  |         <h4 class="mt-3" | ||||
|  |             style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1.3rem !important;"> | ||||
|  |             Chats on the Whatsapp mobile app </h4> | ||||
|  |         <p | ||||
|  |                 style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;"> | ||||
|  |             You can see the chats on the Whatsapp mobile app . | ||||
|  |         </p> | ||||
|  |         <img src="assets/screenshots/send_msg.png" | ||||
|  |              class="img-responsive img-thumbnail border" width="100%" | ||||
|  |              height="auto"/> | ||||
|  |     </div> | ||||
|  |     <!-- SUGGESTED PRODUCTS --> | ||||
|  |     <div class="row"> | ||||
|  |         <div class="col-lg-12 d-flex flex-column justify-content-center" | ||||
|  |              style="text-align: center; padding: 2.5rem 1rem !important;"> | ||||
|  |             <h2 style="color: #212529 !important;">Suggested Products</h2> | ||||
|  |             <hr | ||||
|  |                     style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/> | ||||
|  | 
 | ||||
|  |             <div id="demo1" class="row carousel slide" data-ride="carousel"> | ||||
|  |                 <!-- The slideshow --> | ||||
|  |                 <div class="carousel-inner"> | ||||
|  |                     <div class="carousel-item active" style="min-height:0px"> | ||||
|  |                         <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> | ||||
|  |                             <a href="https://apps.odoo.com/apps/modules/14.0/custom_gantt_view/" target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/gantt_image.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/14.0/hide_menu_user/" target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/hide_menu_image.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/14.0/website_product_attachments/" | ||||
|  |                                 target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/product_attachment.png"> | ||||
|  |                                 </div> | ||||
|  |                             </a> | ||||
|  |                         </div> | ||||
|  |                     </div> | ||||
|  |                     <div class="carousel-item" style="min-height:0px"> | ||||
|  |                         <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left"> | ||||
|  |                             <a href="https://apps.odoo.com/apps/modules/14.0/website_product_publish/" target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/product_publish.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/14.0/website_return_management/" target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/return_management.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/14.0/list_view_sticky_header/" target="_blank"> | ||||
|  |                                 <div style="border-radius:10px"> | ||||
|  |                                     <img class="img img-responsive center-block" | ||||
|  |                                         style="border-top-left-radius:10px; border-top-right-radius:10px" | ||||
|  |                                         src="./assets/modules/list_view_image.png"> | ||||
|  |                                 </div> | ||||
|  |                             </a> | ||||
|  |                         </div> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |                 <!-- Left and right controls --> | ||||
|  |                 <a class="carousel-control-prev" href="#demo1" data-slide="prev" | ||||
|  |                    style="left:-25px;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="right:-25px;width: 35px;color: #000;"> | ||||
|  |                     <span class="carousel-control-next-icon"><i | ||||
|  |                             class="fa fa-chevron-right" | ||||
|  |                             style="font-size:24px"></i></span> | ||||
|  |                 </a> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |     </div> | ||||
|  |     <!-- END OF SUGGESTED PRODUCTS --> | ||||
|  |     <!-- 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"> | ||||
|  |                 <h2 style="color: #212529 !important;">Our Services</h2> | ||||
|  |                 <hr | ||||
|  |                         style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/> | ||||
|  |             </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;"> | ||||
|  |         <div class="row"> | ||||
|  |             <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | ||||
|  |                 <h2 style="color: #212529 !important;">Our Industries</h2> | ||||
|  |                 <hr | ||||
|  |                         style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/> | ||||
|  |             </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 & 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;"> | ||||
|  |         <div class="row" style="max-width:1540px;"> | ||||
|  |             <div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> | ||||
|  |                 <h2 style="color: #212529 !important;">Need Help?</h2> | ||||
|  |                 <hr | ||||
|  |                         style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/> | ||||
|  |             </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-6"> | ||||
|  |                         <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-6"> | ||||
|  |                         <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>+91 86068 27707</a> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |         <!-- End of Contact Cards --> | ||||
|  |     </section> | ||||
|  |     <!-- Footer --> | ||||
|  |     <section class="oe_container" style="padding: 2rem 3rem 1rem;"> | ||||
|  |         <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 class="col-lg-12"> | ||||
|  |                 <hr | ||||
|  |                         style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> | ||||
|  |                 <!-- End of Footer Section --> | ||||
|  |             </div> | ||||
|  |         </div> | ||||
|  |     </section> | ||||
|  |     <!-- END OF FOOTER --> | ||||
|  | </div> | ||||
|  | <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" | ||||
|  |         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" | ||||
|  |         crossorigin="anonymous"></script> | ||||
|  | <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" | ||||
|  |         integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" | ||||
|  |         crossorigin="anonymous"></script> | ||||
| @ -0,0 +1,8 @@ | |||||
|  | #whatsapp_1{ | ||||
|  |     font-size:24px; | ||||
|  |     font-weight:600; | ||||
|  |         } | ||||
|  | 
 | ||||
|  | .o_form_label.col-lg-3.o_light_label { | ||||
|  |   font-weight: bold; | ||||
|  | } | ||||
| @ -0,0 +1,10 @@ | |||||
|  | <?xml version="1.0" encoding="utf-8"?> | ||||
|  | <odoo> | ||||
|  |     <template id="assets_frontend" name="integration_whatsapp_chat_live assets" | ||||
|  |               inherit_id="web.assets_frontend"> | ||||
|  |         <xpath expr="." position="inside"> | ||||
|  |             <link rel="stylesheet" type="text/scss" | ||||
|  |                     href="/integration_whatsapp_chat_live/static/src/css/wp_msg.css"/> | ||||
|  |         </xpath> | ||||
|  |     </template> | ||||
|  | </odoo> | ||||
| @ -0,0 +1,48 @@ | |||||
|  | <?xml version="1.0" encoding="UTF-8" ?> | ||||
|  | <odoo> | ||||
|  |     <!--Inherited configuration settings form to add extra fields--> | ||||
|  |     <record id="res_config_settings_view_form" model="ir.ui.view"> | ||||
|  |         <field name="name"> | ||||
|  |             res.config.settings.view.form.inherit.integration.whatsapp.chat.live | ||||
|  |         </field> | ||||
|  |         <field name="model">res.config.settings</field> | ||||
|  |         <field name="priority" eval="0"/> | ||||
|  |         <field name="inherit_id" ref="website.res_config_settings_view_form"/> | ||||
|  |         <field name="arch" type="xml"> | ||||
|  |             <xpath expr="//div[@id='website_settings']" position="after">> | ||||
|  |                 <div id="db_backup_settings"> | ||||
|  |                     <h2>Whatsapp Live Order</h2> | ||||
|  |                     <div class="row mt16 o_settings_container"> | ||||
|  |                         <div class="col-12 col-lg-6 o_setting_box"> | ||||
|  |                             <div class="o_setting_left_pane"/> | ||||
|  |                             <div class="o_setting_right_pane"> | ||||
|  |                                 <div class="text-muted content-group mt16"> | ||||
|  |                                     <label string="Whatsapp Phone No:" | ||||
|  |                                            for="mobile_phone_no" | ||||
|  |                                            id="whatsapp_1" | ||||
|  |                                            class="col-lg-3 o_light_label"/> | ||||
|  |                                     <field name="mobile_phone_no" | ||||
|  |                                            widget='phone'/> | ||||
|  |                                 </div> | ||||
|  |                             </div> | ||||
|  |                         </div> | ||||
|  |                     </div> | ||||
|  |                     <div class="row mt16 o_settings_container"> | ||||
|  |                         <div class="col-12 col-lg-6 o_setting_box"> | ||||
|  |                             <div class="o_setting_left_pane"/> | ||||
|  |                             <div class="o_setting_right_pane"> | ||||
|  |                                 <div class="text-muted content-group mt16"> | ||||
|  |                                     <label string="Custom Message:" | ||||
|  |                                            for="custom_message" | ||||
|  |                                            id="wp_message1" | ||||
|  |                                            class="col-lg-3 o_light_label"/> | ||||
|  |                                     <field name="custom_message"/> | ||||
|  |                                 </div> | ||||
|  |                             </div> | ||||
|  |                         </div> | ||||
|  |                     </div> | ||||
|  |                 </div> | ||||
|  |             </xpath> | ||||
|  |         </field> | ||||
|  |     </record> | ||||
|  | </odoo> | ||||
| @ -0,0 +1,25 @@ | |||||
|  | <?xml version="1.0" encoding="utf-8"?> | ||||
|  | <odoo> | ||||
|  |     <template id="whatsapp_order" inherit_id="website_sale.product" | ||||
|  |               customize_show="True" name="Whatsapp Order"> | ||||
|  |         <!--Inherited website_sale.product template to add Whatsapp order button--> | ||||
|  |         <xpath expr="//a[@id='add_to_cart']" position="after"> | ||||
|  |             <div id="wp_msg" class="d-inline_i"> | ||||
|  |                 <t t-set="whatsapp_number" | ||||
|  |                    t-value="request.env['ir.config_parameter'].sudo().get_param('integration_whatsapp_chat_live.mobile_phone_no')"/> | ||||
|  |                 <t t-set="whatsapp_message" | ||||
|  |                    t-value="request.env['ir.config_parameter'].sudo().get_param('integration_whatsapp_chat_live.custom_message')"/> | ||||
|  |                 <t t-set="wp_product" t-value="product.name"/> | ||||
|  |                 <t t-if="whatsapp_number and whatsapp_message"> | ||||
|  |                     <br/> | ||||
|  |                     <a role="button" id="wp_msgs" | ||||
|  |                        class="btn btn-success js_wp_mg" | ||||
|  |                        t-attf-href="https://api.whatsapp.com/send?phone=#{whatsapp_number}&text=#{whatsapp_message + ' ' + wp_product}"> | ||||
|  |                         <i class="fa fa-whatsapp mr-2"/> | ||||
|  |                         Whatsapp Order | ||||
|  |                     </a> | ||||
|  |                 </t> | ||||
|  |             </div> | ||||
|  |         </xpath> | ||||
|  |     </template> | ||||
|  | </odoo> | ||||