Dec 02 : [ADD] Initial Commit 'call_for_price_website'

call_for_price_website/README.rst

@@ -0,0 +1,47 @@
+.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg
+    :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Website Call For Price
+======================
+This module helps hide specific products prices from the shop and using 'Call for Price' button customer can sent their details, the user will follow up the details and get the product price.
+
+Configuration
+=============
+No additional configuration required
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+License
+-------
+General Public License, Version 3 (AGPL v3).
+https://www.gnu.org/licenses/agpl-3.0-standalone.html
+
+Credits
+-------
+Developer:(V15) Mruthul, Muhsina V, 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>`__

call_for_price_website/__init__.py

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

call_for_price_website/__manifest__.py

@@ -0,0 +1,52 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Mruthul (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': 'Website Call For Price',
+    'version': '15.0.1.1.0',
+    'category': 'Website',
+    'summary': """Helps to hide price of specified product from shop""",
+    'description': "Hide price and add to cart item button of All page stores"
+                   "and user must ask for a call for price",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base', 'website_sale', 'website_sale_wishlist',
+                'website_sale_comparison'],
+    'data': ['security/ir.model.access.csv',
+             'views/shop_hide_call_price_templates.xml',
+             'views/wishlist_hide_price_templates.xml',
+             'views/compare_hide_price_templates.xml',
+             'views/call_for_price_views.xml',
+             'views/product_product_views.xml'],
+    'assets': {
+        'web.assets_frontend': [
+            '/call_for_price_website/static/src/js/create_call_form.js',
+            '/call_for_price_website/static/src/js/variant_mixin.js'
+        ]
+    },
+    'images': ['static/description/banner.jpg'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

call_for_price_website/doc/RELEASE_NOTES.md

@@ -0,0 +1,11 @@
+## Module <call_for_price_website>
+
+#### 16.07.2023
+#### Version 15.0.1.0.0
+#### ADD
+- Initial Commit for Website Call For Price
+
+#### 27.11.2023
+#### Version 15.0.1.1.0
+#### UPDT
+- Updated the "Call for Price" option for the product variant; originally, it was at the product level.

call_for_price_website/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: Mruthul (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 call_price
+from . import product_product

call_for_price_website/models/call_price.py

@@ -0,0 +1,72 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Mruthul (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 CallForPrice(models.Model):
+    """Creating a model to record all the request the get from website."""
+    _name = 'call.price'
+    _description = 'Call for Price'
+    _rec_name = 'product_id'
+
+    first_name = fields.Char(string="First Name", help="First Name of user")
+    last_name = fields.Char(string="Last Name", help="Last Name of user")
+    product_id = fields.Many2one('product.template', string="Product",
+                                 help="In which product "
+                                      "they are requesting price")
+    email = fields.Char(string="Email", help="Users email for contact")
+    phone = fields.Char(string="Contact No.",
+                        help="Users contact number for contacting")
+    quantity = fields.Integer(string="Quantity",
+                              help="How much quantity of product price "
+                                   "they want know")
+    message = fields.Char(string="Message",
+                          help="If any messages for referring")
+    state = fields.Selection(
+        [('draft', 'Draft'), ('done', 'Done'), ('cancel', 'Cancel')],
+        default="draft", help="Call for price requests stage")
+
+    def action_done(self):
+        """the price of the requested product will be updated for them,
+        form state is done"""
+        self.write({'state': 'done'})
+
+    def action_cancel(self):
+        """ cancel the form or change the state to cancel"""
+        self.write({'state': 'cancel'})
+
+    def action_reset(self):
+        """ reset the form to draft"""
+        self.write({'state': 'draft'})
+
+    @api.model
+    def create_form(self, first, last, product_id, phone, email, message, qty):
+        """ create the request from the users to backend for teams"""
+        self.create({
+            'product_id': product_id,
+            'first_name': first,
+            'last_name': last,
+            'phone': phone,
+            'email': email,
+            'quantity': qty,
+            'message': message
+        })

call_for_price_website/models/product_product.py

@@ -0,0 +1,57 @@
+# -*- coding: utf-8 -*-
+###############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Mruthul (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 fields, models
+
+
+class ProductTemplate(models.Model):
+    """Inheriting product template model for adding the field value of
+     price_call to the combination_info"""
+    _inherit = 'product.template'
+
+    def _get_combination_info(self, combination=False, product_id=False,
+                              add_qty=1, pricelist=False,
+                              parent_combination=False,
+                              only_template=False):
+        # Call the parent method to get the initial combination_info
+        combination_info = super(ProductTemplate,
+                                 self)._get_combination_info(
+            combination=combination, product_id=product_id,
+            add_qty=add_qty, pricelist=pricelist,
+            parent_combination=parent_combination,
+            only_template=only_template)
+
+        if combination_info.get('product_id'):
+            product = self.env['product.product'].browse(
+                combination_info['product_id'])
+            combination_info['price_call'] = product.price_call
+        return combination_info
+
+
+class ProductProduct(models.Model):
+    """Inheriting product variants model for adding a field
+                        that will hide price from website"""
+    _inherit = 'product.product'
+
+    price_call = fields.Boolean(string="Call for Price",
+                                help="This will hide the price and cart button"
+                                     "from shop and customer can request by "
+                                     "calling for price")

call_for_price_website/security/ir.model.access.csv

@@ -0,0 +1,2 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_call_price_user,access.call.price.user,model_call_price,base.group_user,1,1,1,1

call_for_price_website/static/description/index.html

@@ -0,0 +1,698 @@
+<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
+    <!-- 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 -->
+
+    <!-- APP HERO -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Website Call For Price</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                    Website Call for Price for
+                    Specific Products</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero.gif"
+                     style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <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/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+                        more about this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        features of this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                        screenshots for this
+                        module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="overview">
+    <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/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+        In certain situations, it becomes necessary to conceal the price of a
+        product or one of its variants. These instances may arise due to
+        various reasons such as customization, availability issues, or when
+        the product is offered for free. This module facilitates the hiding of
+        prices and the addition of a "Add to Cart" button for designated
+        products. The "Call for Price" option enables customers to send a
+        price inquiry to the merchant.
+    </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="features">
+    <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/features.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Features
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-center"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Hide specific product price.</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Hide add to cart button.</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Adds a button for price requests from merchants.</span>
+        </div>
+        <div class="d-flex align-items-center"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="assets/misc/check-box.png" class="mr-2"/>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Track all requests from the backend.</span>
+        </div>
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="screenshots">
+    <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/pictures.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Screenshots
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Enable Call for Price
+                from the Product Sales tab</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Go to Product Variants -> Sales ->
+                Enable Call for Price. After enabling this, the price and add
+                to
+                cart button will hide from the website. </p>
+            <img src="assets/screenshots/1.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Hide product price from list of products</h3>
+            <img src="assets/screenshots/2.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Wishlist page</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Hide the price and add to cart button from wishlist page.</p>
+            <img src="assets/screenshots/3.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Product Compare Page</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                If the user needs to compare the products, then they need to
+                request the price.</p>
+            <img src="assets/screenshots/4.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Call For Price Button</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Hides the price and add to cart button from product item and
+                adds button for price request, on clicking a popup will
+                open.</p>
+            <img src="assets/screenshots/5.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Call For Price Request</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                User need to enter these details inorder to get the price of
+                the
+                product. The request will send to merchant by clicking send
+                button.</p>
+            <img src="assets/screenshots/6.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Request Sent</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                After sending the request a success message will show there,
+                and
+                merchant can access the request from backend.</p>
+            <img src="assets/screenshots/7.png" class="img-thumbnail">
+        </div>
+
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                The Backend View</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Initially, a draft request is created; after merchant
+                verification, the sales team contacts the customer.</p>
+            <img src="assets/screenshots/8.png" class="img-thumbnail">
+        </div>
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- 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/15.0/login_pos_direct/"
+                           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/15.0/custom_gantt_view/"
+                           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/15.0/project_custom_gantt/"
+                           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/15.0/account_reports_xlsx/"
+                           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/15.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/15.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>
+            <!-- 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>
+    </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<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/star.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our Services
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <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>
+
+</div>
+
+<!-- END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+
+<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/corporate.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our
+        Industries
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; 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>
+</div>
+
+<!-- END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<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/customer-support.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Support
+    </h2>
+</div>
+<div class="container mt-5">
+    <div class="row">
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4"
+                     style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/support.png" height="48" width="48"
+                         style="width: 42px; height: 42px;"/>
+                </div>
+                <div>
+                    <h4>Need Help?</h4>
+                    <p style="line-height: 100%;">Got questions or need help?
+                        Get in touch.</p>
+                    <a href="mailto:odoo@cybrosys.com">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            odoo@cybrosys.com</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4"
+                     style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/whatsapp.png" height="52" width="52"
+                         style="width: 52px; height: 52px;"/>
+                </div>
+                <div>
+                    <h4>WhatsApp</h4>
+                    <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+                    <a href="https://api.whatsapp.com/send?phone=918606827707">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            +91 86068
+                            27707</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+            <img src="assets/misc/logo.png" width="144" height="31"
+                 style="width:144px; height: 31px; margin-top: 40px;"/>
+        </div>
+    </div>
+</div>
+<!-- END OF SUPPORT -->

call_for_price_website/static/src/js/create_call_form.js

@@ -0,0 +1,121 @@
+/**
+ * This file is used to give a success alert after requesting a call for price.
+ */
+odoo.define('call_for_price_website.create_call_form', function(require) {
+    "use strict";
+    const rpc = require('web.rpc');
+    var core = require('web.core');
+    var Dialog = require('web.Dialog');
+    var publicWidget = require('web.public.widget');
+
+    publicWidget.registry.CallForPrice = publicWidget.Widget.extend({
+        selector: '.oe_website_sale',
+        events: {
+            'click #send_btn': 'callForPrice',
+            'click #button_call_for_price': 'modalShow',
+            'click #call_modal_close': 'modalHide'
+        },
+        callForPrice: function() {
+            var self = this;
+            var first = self.$el.find('#first_name').val();
+            var last = self.$el.find('#last_name').val();
+            var product_id = self.$el.find('#product_id').val();
+            var phone = self.$el.find('#phone').val();
+            var email = self.$el.find('#email').val();
+            var message = self.$el.find('#message').val();
+            var qty = self.$el.find('#quantity').val();
+            /**
+             * Validate email address format using a regular expression.
+             * email - The email address to validate.
+             * returns - True if the email is valid, false otherwise.
+             */
+            function validateEmail(email) {
+                // Email validation regex pattern
+                var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+                return emailPattern.test(email);
+            }
+            /**
+             * Validate phone number format using a regular expression.
+             * phone - The phone number to validate.
+             * returns - True if the phone number is valid, false otherwise.
+             */
+            function validatePhoneNumber(phone) {
+                // Phone number validation regex pattern (without alphabets)
+                var phonePattern = /^[^A-Za-z]*$/
+                return phonePattern.test(phone);
+            }
+            if (first && phone) {
+                if (!$.isNumeric(qty)) {
+                    var modal = new Dialog(null, {
+                        title: "Warning",
+                        $content: $('<div>').text("Quantity should be a numeric value."),
+                        buttons: [{
+                            text: "Close",
+                            close: true
+                        }],
+                    });
+                    modal.open();
+                    return;
+                }
+                if (!validateEmail(email)) {
+                    var modal = new Dialog(null, {
+                        title: "Warning",
+                        $content: $('<div>').text("Please enter a valid email address."),
+                        buttons: [{
+                            text: "Close",
+                            close: true
+                        }],
+                    });
+                    modal.open();
+                    return;
+                }
+                if (!validatePhoneNumber(phone)) {
+                    var modal = new Dialog(null, {
+                        title: "Warning",
+                        $content: $('<div>').text("Please enter a valid phone number."),
+                        buttons: [{
+                            text: "Close",
+                            close: true
+                        }],
+                    });
+                    modal.open();
+                    return;
+                }
+                rpc.query({
+                    model: "call.price",
+                    method: "create_form",
+                    args: [first, last, product_id, phone, email, message, qty]
+                }).then(function(result) {
+                    self.$el.find('#alert_message')[0].style.display = "block"
+                    self.$el.find('#call_for_price')[0].style.display = 'none';
+                });
+            } else {
+                var modal = new Dialog(null, {
+                    title: "Warning",
+                    $content: $('<div>').text("Please enter the required information."),
+                    buttons: [{
+                        text: "Close",
+                        close: true
+                    }],
+                });
+                modal.open();
+            }
+        },
+        modalShow: function() {
+            this.resetFormFields();
+            this.$el.find('#call_for_price')[0].style.display = 'block';
+        },
+        modalHide: function() {
+            this.$el.find('#call_for_price')[0].style.display = 'none';
+        },
+        resetFormFields: function() {
+            this.$el.find('#first_name').val('');
+            this.$el.find('#last_name').val('');
+            this.$el.find('#email').val('');
+            this.$el.find('#phone').val('');
+            this.$el.find('#quantity').val('');
+            this.$el.find('#message').val('');
+        },
+    });
+    return publicWidget.registry.CallForPrice;
+});

call_for_price_website/static/src/js/variant_mixin.js

@@ -0,0 +1,45 @@
+odoo.define('call_for_price_website.CustomVariantMixin', function(require) {
+    'use strict';
+
+    var VariantMixin = require('website_sale.VariantMixin');
+    const originalOnChangeCombination = VariantMixin._onChangeCombination;
+    VariantMixin._onChangeCombination = function(ev, $parent, combination) {
+        const $pricePerUom = $parent.find(".o_base_unit_price:first .oe_currency_value");
+        if ($pricePerUom) {
+            if (combination.is_combination_possible !== false && combination.base_unit_price != 0) {
+                $pricePerUom.parents(".o_base_unit_price_wrapper").removeClass("d-none");
+                $pricePerUom.text(this._priceToStr(combination.base_unit_price));
+                $parent.find(".oe_custom_base_unit:first").text(combination.base_unit_name);
+            } else {
+                $pricePerUom.parents(".o_base_unit_price_wrapper").addClass("d-none");
+            }
+        }
+        // Triggers a new JS event with the correct payload, which is then handled
+        // by the google analytics tracking code.
+        // Indeed, every time another variant is selected, a new view_item event
+        // needs to be tracked by google analytics.
+        if ('product_tracking_info' in combination) {
+            const $product = $('#product_detail');
+            $product.data('product-tracking-info', combination['product_tracking_info']);
+            $product.trigger('view_item_event', combination['product_tracking_info']);
+        }
+        const productPrice = $parent.find('.product_price');
+        const quantity = $parent.find('.css_quantity');
+        const price_call_div = $parent.find('#price_call_hide');
+
+        if (combination.price_call) {
+            quantity.removeClass('d-inline-flex').addClass('d-none');
+            price_call_div.removeClass('d-none').addClass('d-flex')
+            this.$el.find('#add_to_cart')[0].style.display = "none";
+            this.$el.find('#price_of_product')[0].style.display = "none";
+            this.$el.find('#price_of_product')[0].style.display = "none";
+        } else {
+            quantity.removeClass('d-none').addClass('d-inline-flex');
+            price_call_div.removeClass('d-flex').addClass('d-none')
+            this.$el.find('#add_to_cart')[0].style.display = "block";
+            this.$el.find('#price_of_product')[0].style.display = "block";
+            this.$el.find('#price_of_product')[0].style.display = "block";
+        }
+        originalOnChangeCombination.apply(this, [ev, $parent, combination]);
+    };
+});

call_for_price_website/views/call_for_price_views.xml

@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+    <!-- This record for creating tree view for call for price requests-->
+    <record id="call_price_view_tree" model="ir.ui.view">
+        <field name="name">call.price.view.tree</field>
+        <field name="model">call.price</field>
+        <field name="arch" type="xml">
+            <tree>
+                <field name="product_id"/>
+                <field name="first_name"/>
+                <field name="last_name"/>
+                <field name="email"/>
+                <field name="state"/>
+            </tree>
+        </field>
+    </record>
+    <!-- This record for creating form view for call for price requests-->
+    <record id="call_price_view_form" model="ir.ui.view">
+        <field name="name">call.price.view.form</field>
+        <field name="model">call.price</field>
+        <field name="arch" type="xml">
+            <form>
+                <header>
+                    <button name="action_done" class="oe_highlight"
+                            states="draft" string="Done" type="object"/>
+                    <button name="action_cancel" string="Cancel" type="object" states="draft,done"/>
+                    <button name="action_reset" string="Reset to Draft" type="object" states="done,cancel"/>
+                    <field name="state" widget="statusbar"
+                           statusbar_visible="draft,done,cancel"/>
+                </header>
+                <sheet>
+                    <group>
+                        <group>
+                            <field name="product_id" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                            <field name="first_name" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                            <field name="email" widget="email" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                            <field name="message" attrs="{'readonly': [('state', 'in', 'done')]}"/>
+                        </group>
+                        <group>
+                            <field name="quantity" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                            <field name="last_name" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                            <field name="phone" widget="phone" attrs="{'readonly': [('state', 'in', ('done', 'cancel'))]}"/>
+                        </group>
+                    </group>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <!-- This record for creating menu action  for call for price menu-->
+    <record id="call_price_action" model="ir.actions.act_window">
+        <field name="name">Call For Price</field>
+        <field name="res_model">call.price</field>
+        <field name="view_mode">tree,form</field>
+    </record>
+
+    <menuitem id="call_price_menu" name="Call For Price"
+              parent="website_sale.menu_orders"
+              groups="sales_team.group_sale_salesman"
+              action="call_price_action"/>
+</odoo>

call_for_price_website/views/compare_hide_price_templates.xml

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<odoo>
+    <!-- This template used to hide the price form the comparison page-->
+    <template id="compare_hide_price"
+              inherit_id="website_sale_comparison.product_compare">
+        <xpath expr="//div[hasclass('product_summary')]/span" position="replace">
+            <t t-if="product.price_call"></t>
+            <t t-else="">
+                <span>
+                    <strong>Price:</strong>
+                    <del t-attf-class="text-danger mr8 {{'' if combination_info['has_discounted_price'] else 'd-none'}}" style="white-space: nowrap;" t-esc="combination_info['list_price']" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}" />
+                    <span t-esc="combination_info['price']" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"></span>
+                    <small class="d-block text-muted" groups="website_sale.group_show_uom_price" t-if="product.base_unit_price">
+                        <t t-call='website_sale.base_unit_price'/>
+                    </small>
+                </span>
+            </t>
+        </xpath>
+        <xpath expr="//form[hasclass('o_add_cart_form_compare')]"
+               position="replace">
+            <t t-if="product.price_call"/>
+            <t t-else="">
+                <form action="/shop/cart/update" method="post"
+                      class="text-center o_add_cart_form_compare">
+                    <input type="hidden" name="csrf_token"
+                           t-att-value="request.csrf_token()"/>
+                    <input name="product_id" t-att-value="product.id"
+                           type="hidden"
+                           t-att-data-product-tracking-info="json.dumps(request.env['product.template'].get_google_analytics_data(combination_info))"/>
+                    <a role="button" class="btn btn-primary btn-block a-submit"
+                       href="#"><i class="fa fa-shopping-cart mr-2"/>Add to
+                        Cart
+                    </a>
+                </form>
+            </t>
+        </xpath>
+    </template>
+    <!-- This template used to hide price from product comparison tool page-->
+    <template id="compare_hide_price_product"
+              inherit_id="website_sale_comparison.product_product">
+        <xpath expr="//div[hasclass('pl-2')]" position="replace">
+            <t t-if="product.price_call">
+                <div class="col-8 pl-2">
+                    <h6>
+                        <a t-att-href="product.website_url">
+                            <t t-esc="combination_info['display_name']"/>
+                        </a>
+                        <br/>
+                    </h6>
+                </div>
+            </t>
+            <t t-else="">
+                <div class="col-8 pl-2">
+                    <h6>
+                        <a t-att-href="product.website_url">
+                            <t t-esc="combination_info['display_name']"/>
+                        </a>
+                        <br/>
+                        <del t-attf-class="text-danger mr8 {{'' if combination_info['has_discounted_price'] else 'd-none'}}"
+                             style="white-space: nowrap;"
+                             t-esc="combination_info['list_price']"
+                             t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
+                        <span t-esc="combination_info['price']"
+                              t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
+                    </h6>
+                </div>
+            </t>
+        </xpath>
+    </template>
+</odoo>

call_for_price_website/views/product_product_views.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+     <!-- Inheriting product variant view form to add the 'call for price' field -->
+    <record id="product_normal_form_view" model="ir.ui.view">
+        <field name="name">
+            product.product.view.form.inherit.call.for.price.website
+        </field>
+        <field name="model">product.product</field>
+        <field name="inherit_id" ref="product.product_normal_form_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='public_categ_ids']" position="after">
+                    <field name="price_call"/>
+            </xpath>
+        </field>
+    </record>
+</odoo>

call_for_price_website/views/shop_hide_call_price_templates.xml

@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<odoo>
+    <!-- Template for hiding product price in the shop page when 'price_call' is set -->
+	<template id="shop_hide_price" inherit_id="website_sale.products_item">
+		<xpath expr="//div[hasclass('product_price')]" position="replace">
+			<t t-foreach="product.product_variant_ids" t-as="variant">
+				<t t-if="variant.price_call">
+					<t t-set="has_price_call" t-value="True"/>
+					<t t-break="1"/></t>
+			</t>
+			<t t-if="has_price_call"></t>
+			<t t-else="">
+				<div class="product_price mb-1" itemprop="offers"
+                     itemscope="itemscope" itemtype="http://schema.org/Offer">
+					<span class="h5" t-if="combination_info['price']"
+                          t-esc="combination_info['price']"
+                          t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
+					<del t-attf-class="text-danger ml-1 h6 {{'' if combination_info['has_discounted_price'] else 'd-none'}}"
+                         style="white-space: nowrap;"
+                         t-esc="combination_info['list_price']"
+                         t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
+					<span itemprop="price" style="display:none;"
+                          t-esc="combination_info['price']"/>
+					<span itemprop="priceCurrency" style="display:none;"
+                          t-esc="website.currency_id.name"/>
+				</div>
+			</t>
+		</xpath>
+	</template>
+    <!-- Template for hiding product price from the search results -->
+	<template id="hide_search" inherit_id="website_sale.search">
+		<xpath expr="//t[@t-set='display_detail']" position="replace">
+			<t t-set="display_detail" t-valuef="false"/>
+		</xpath>
+	</template>
+    <!-- Template for hiding product price from the product page -->
+	<template id="product_price" inherit_id="website_sale.product_price">
+		<xpath expr="//div[@itemprop='offers']" position="replace">
+			<div itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer" class="product_price d-inline-block mt-2 mb-3">
+				<h3 class="css_editable_mode_hidden" id="price_of_product">
+					<span class="oe_price" style="white-space: nowrap;" t-esc="combination_info['price']" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"/>
+					<span itemprop="price" style="display:none;" t-esc="combination_info['price']"/>
+					<span itemprop="priceCurrency" style="display:none;" t-esc="website.currency_id.name"/>
+					<span t-attf-class="text-danger oe_default_price ml-1 h5 {{'' if combination_info['has_discounted_price'] else 'd-none'}}" style="text-decoration: line-through; white-space: nowrap;"
+                  t-esc="combination_info['list_price']" t-options="{'widget': 'monetary', 'display_currency': website.currency_id}"
+              />
+				</h3>
+				<h3 class="css_non_editable_mode_hidden decimal_precision" t-att-data-precision="str(website.currency_id.decimal_places)" id="price_of_products">
+					<span t-field="product.list_price"
+                t-options='{
+                   "widget": "monetary",
+                   "display_currency": product.currency_id,
+               }'/>
+				</h3>
+			</div>
+			<div id="price_call_hide" style="display:none">
+				<div>
+					<div class="alert alert-success" id="alert_message"
+                     style="display:none">
+                    Thank you for information, we will get back to you asap.
+                </div>
+					<a role="button" class="btn btn-primary" href="#call_for_price"
+                   data-bs-toggle="modal"
+                   id="button_call_for_price">
+                    Call for Price
+                </a>
+				</div>
+			</div>
+		</xpath>
+	</template>
+    <!-- Template for showing the call for price form -->
+	<template id="shop_product_hide_price" inherit_id="website_sale.product">
+		<xpath expr="//div[@id='o_product_terms_and_share']" position="before">
+			<div id="call_for_price" class="modal">
+				<div class="modal-dialog modal-content" style="height:auto">
+					<div class="page">
+						<h3 class="text-center">Call For Price</h3>
+					</div>
+					<input type="hidden" name="product_id" id="product_id"
+                           t-att-value="product.id"/>
+					<hr/>
+					<center>
+						<table style="width:500px">
+							<tr style="height:60px">
+								<td style="width:100px">
+									<label for="first_name"
+                                           class="control-label">First Name:
+                                    </label>
+								</td>
+								<td>
+									<input type="text" class="form-control"
+                                           name="first_name"
+                                           id="first_name"
+                                           required="required"
+                                    />
+								</td>
+							</tr>
+							<tr style="height:60px">
+								<td>
+									<label for="last_name"
+                                           class="control-label">Last Name:
+                                    </label>
+								</td>
+								<td>
+									<input type="text" class="form-control"
+                                           name="last_name"
+                                           id="last_name"/>
+								</td>
+							</tr>
+							<tr style="height:60px">
+								<td>
+									<label for="email">Email</label>
+								</td>
+								<td>
+									<input type="text" class="form-control"
+                                           name="email"
+                                           id="email"/>
+								</td>
+							</tr>
+							<tr style="height:60px">
+								<td>
+									<label for="phone">Contact No.</label>
+								</td>
+								<td>
+									<input type="text" class="form-control"
+                                           id="phone" name="phone"/>
+								</td>
+							</tr>
+							<tr style="height:60px">
+								<td>
+									<label>Quantity</label>
+								</td>
+								<td>
+									<input type="number" class="form-control"
+                                           name="quantity" id="quantity"/>
+								</td>
+							</tr>
+							<tr style="height:60px">
+								<td>
+									<label>Message</label>
+								</td>
+								<td>
+									<input type="text" class="form-control"
+                                           name="message" id="message"/>
+								</td>
+							</tr>
+						</table>
+						<hr/>
+						<button id="send_btn" type="confirm"
+                                class="btn btn-primary">
+                            Send
+                        </button>
+						<button id="call_modal_close" type="button" class="btn btn-outline-secondary"
+                                data-bs-dismiss="modal">
+                            Close
+                        </button>
+					</center>
+				</div>
+			</div>
+		</xpath>
+	</template>
+</odoo>

call_for_price_website/views/wishlist_hide_price_templates.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+	<!-- This template used to hide price from wishlist page-->
+	<template id="wishlist_hide_price"
+              inherit_id="website_sale_wishlist.product_wishlist">
+		<xpath expr="//t[@t-foreach='wishes']/tr/td[3]" position="replace">
+			<t t-if="wish.product_id.price_call"></t>
+			<t t-else="">
+				<td class="align-middle">
+					<t t-esc="combination_info['price']"
+                               t-options="{'widget': 'monetary', 'display_currency': website.pricelist_id.currency_id}"/>
+					<small t-if="wish.product_id.base_unit_price"
+                                   class="cart_product_base_unit_price d-block text-muted"
+                                   groups="website_sale.group_show_uom_price">
+						<t t-call='website_sale.base_unit_price'>
+							<t t-set='product'
+                                       t-value='wish.product_id'/></t>
+					</small>
+				</td>
+			</t>
+		</xpath>
+		<xpath expr="//td[hasclass('td-wish-btn')]" position="replace">
+			<t t-if="wish.product_id.price_call"/>
+			<t t-else="">
+				<td class='text-center td-wish-btn align-middle'>
+					<input name="product_id" t-att-value="wish.product_id.id"
+                           type="hidden"/>
+					<button type="button" role="button"
+                            class="btn btn-secondary btn-block o_wish_add mb4">
+                        Add
+						<span class='d-none d-md-inline'>to Cart</span>
+					</button>
+				</td>
+			</t>
+		</xpath>
+	</template>
+</odoo>