feat: implement theme_prime and theme_vibrant_marketplace with comprehensive assets, custom snippets, and core frontend logic.(ver 17 not upgrate yet)

theme_prime/CHANGELOG.md

@@ -0,0 +1,11 @@
+## [17.0.0.0.4]
+# Ui improvements for domain builder
+## [17.0.0.0.3]
+# Usability improvement for tab snippet
+## [17.0.0.0.2]
+# Technical improvements for buider tools
+## [17.0.0.0.1]
+# Fix error when there is no pricelist and user do add to cart.
+## [17.0.0.0.0]
+### Added
+- Initial release.

theme_prime/COPYRIGHT

@@ -0,0 +1,16 @@
+
+Most of the files are
+
+Copyright (c) 2019 - present Droggol Infotech Private Limited.
+
+Some javascript files might be from from third
+parties libraries. In that case the original
+copyright of the contributions can be traced
+through the history of the source version
+control system.
+
+When that is not the case, the files contain a prominent
+notice stating the original copyright and applicable
+license, or come with their own dedicated COPYRIGHT
+and/or LICENSE file.
+

theme_prime/LICENSE

@@ -0,0 +1,27 @@
+Odoo Proprietary License v1.0
+
+This software and associated files (the "Software") may only be used (executed,
+modified, executed after modifications) if you have purchased a valid license
+from the authors, typically via Odoo Apps, or if you have received a written
+agreement from the authors of the Software (see the COPYRIGHT file).
+
+You may develop Odoo modules that use the Software as a library (typically
+by depending on it, importing it and using its resources), but without copying
+any source code or material from the Software. You may distribute those
+modules under the license of your choice, provided that this license is
+compatible with the terms of the Odoo Proprietary License (For example:
+LGPL, MIT, or proprietary licenses similar to this one).
+
+It is forbidden to publish, distribute, sublicense, or sell copies of the Software
+or modified copies of the Software.
+
+The above copyright notice and this permission notice must be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

theme_prime/__init__.py

@@ -0,0 +1,5 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from . import controllers
+from . import models

theme_prime/__manifest__.py

@@ -0,0 +1,163 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+{
+    'name': 'Theme Prime',
+    'description': 'Powerful multipurpose eCommerce theme suitable for all kind of businesses like Electronics, Fashion, Sports, Beauty, Furniture and many more.',
+    'summary': 'Powerful multipurpose eCommerce theme suitable for all kind of businesses like Electronics, Fashion, Sports, Beauty, Furniture and many more.',
+    'category': 'Theme/eCommerce',
+    'version': '17.0.0.4',
+    'depends': ['droggol_theme_common'],
+
+    'license': 'OPL-1',
+    'author': 'Droggol Infotech Private Limited',
+    'company': 'Droggol Infotech Private Limited',
+    'maintainer': 'Droggol Infotech Private Limited',
+    'website': 'https://www.droggol.com/',
+
+    'price': 289.00,
+    'currency': 'USD',
+    'live_test_url': 'https://prime-17-electronics-1.droggol.com/',
+
+    'images': [
+        'static/description/prime_cover.png',
+        'static/description/prime_screenshot.gif',
+    ],
+    'data': [
+        'data/theme.ir.attachment.csv',
+
+        'views/sidebar.xml',
+        'views/templates.xml',
+        'views/components.xml',
+        'views/layout.xml',
+        'views/shop_layout.xml',
+        'views/product_detail_page.xml',
+        'views/pages.xml',
+        'views/snippets.xml',
+        'views/svg_images.xml',
+
+        # Headers / Footers
+        'views/headers.xml',
+        'views/preheaders.xml',
+        'views/footers.xml',
+
+        # Snippets
+        'views/snippets/dynamic_snippets.xml',
+        'views/snippets/s_banner.xml',
+        'views/snippets/s_blog.xml',
+        'views/snippets/s_clients.xml',
+        'views/snippets/s_coming_soon.xml',
+        'views/snippets/s_countdown.xml',
+        'views/snippets/s_cover.xml',
+        'views/snippets/s_cta.xml',
+        'views/snippets/s_gallery.xml',
+        'views/snippets/s_heading.xml',
+        'views/snippets/s_icon_block.xml',
+        'views/snippets/s_info_block.xml',
+        'views/snippets/s_pricing.xml',
+        'views/snippets/s_shop_offer.xml',
+        'views/snippets/s_stats.xml',
+        'views/snippets/s_subscribe.xml',
+        'views/snippets/s_team.xml',
+        'views/snippets/s_testimonial.xml',
+    ],
+    'assets': {
+        'web.assets_frontend': [
+            ('prepend', 'theme_prime/static/src/js/website_sale_utils.js'),
+            # Libraries
+            'theme_prime/static/lib/OwlCarousel2-2.3.4/assets/owl.carousel.css',
+            'theme_prime/static/lib/OwlCarousel2-2.3.4/assets/owl.theme.default.css',
+            # Frontend
+            'theme_prime/static/src/js/website.js',
+            'theme_prime/static/src/js/website_sale.js',
+            'theme_prime/static/src/js/website_sale_wishlist.js',
+
+            'theme_prime/static/src/js/sidebar.js',
+            'theme_prime/static/src/xml/sidebar.xml',
+
+            'theme_prime/static/src/js/suggested_product_slider.js',
+            'theme_prime/static/src/xml/frontend/suggested_product_slider.xml',
+
+            'theme_prime/static/src/js/service_worker_register.js',
+            'theme_prime/static/src/xml/pwa.xml',
+
+            'theme_prime/static/src/js/core/mixins.js',
+            'theme_prime/static/src/js/frontend/comparison.js',
+            'theme_prime/static/src/js/frontend/quick_view_dialog.js',
+            'theme_prime/static/src/js/frontend/bottombar.js',
+
+            'theme_prime/static/src/scss/theme.scss',
+            'theme_prime/static/src/scss/rtl.scss',
+            'theme_prime/static/src/scss/variants.scss',
+            'theme_prime/static/src/scss/website.scss',
+            'theme_prime/static/src/scss/website_sale.scss',
+            'theme_prime/static/src/scss/sliders.scss',
+            'theme_prime/static/src/scss/icon-packs/website.scss',
+            'theme_prime/static/src/scss/utils.scss',
+            'theme_prime/static/src/scss/snippets/cards.scss',
+            'theme_prime/static/src/scss/front_end/quick_view.scss',
+            'theme_prime/static/src/scss/front_end/dynamic_snippets.scss',
+            'theme_prime/static/src/scss/front_end/category_filters.scss',
+            'theme_prime/static/src/scss/front_end/image_hotspot.scss',
+            'theme_prime/static/src/scss/snippets/2_col_deal.scss',
+            'theme_prime/static/src/scss/snippets/image_products.scss',
+            'theme_prime/static/src/scss/front_end/bottom_bar.scss',
+            'theme_prime/static/src/snippets/s_blog_posts/000.scss',
+            # Core
+            'theme_prime/static/src/js/core/snippet_root_widget.js',
+            'theme_prime/static/src/xml/core/snippet_root_widget.xml',
+
+            'theme_prime/static/src/js/core/product_root_widget.js',
+
+            'theme_prime/static/src/js/core/cart_manager.js',
+            'theme_prime/static/src/xml/frontend/notification_template.xml',
+
+            'theme_prime/static/src/js/core/cart_confirmation_dialog.js',
+            'theme_prime/static/src/xml/core/cart_confirmation_dialog.xml',
+
+            # Snippets
+            'theme_prime/static/src/snippets/s_tp_countdown/000.xml',
+            'theme_prime/static/src/js/frontend/dynamic_snippets.js',
+            'theme_prime/static/src/xml/frontend/dynamic_snippets.xml',
+            'theme_prime/static/src/xml/cards.xml',
+            'theme_prime/static/src/xml/listing_cards.xml',
+            'theme_prime/static/src/xml/frontend/utils.xml',
+            'theme_prime/static/src/xml/frontend/category_filters.xml',
+            'theme_prime/static/src/xml/frontend/2_col_deal.xml',
+            'theme_prime/static/src/xml/frontend/s_image_products.xml',
+            'theme_prime/static/src/xml/frontend/s_product_grid.xml',
+            'theme_prime/static/src/xml/frontend/hierarchical_category_templates.xml',
+            'theme_prime/static/src/xml/frontend/s_category.xml',
+            'theme_prime/static/src/xml/frontend/brands.xml',
+            'theme_prime/static/src/xml/frontend/image_hotspot.xml',   # TODO: kishan
+
+            # Editor
+            ('replace', 'web_editor/static/src/scss/web_editor.frontend.scss', 'theme_prime/static/src/scss/web_editor.frontend.scss'),
+
+            # Search
+            'theme_prime/static/src/js/frontend/search.js',
+            'theme_prime/static/src/xml/frontend/search_autocomplete.xml',
+        ],
+        'web._assets_primary_variables': [
+            'theme_prime/static/src/scss/primary_variables.scss',
+            'theme_prime/static/src/scss/mixins.scss',
+        ],
+        'web._assets_frontend_helpers': [
+            'theme_prime/static/src/scss/bootstrap_overridden.scss',
+        ],
+        'website.assets_wysiwyg': [
+            'droggol_theme_common/static/src/js/hooks.js',
+            'theme_prime/static/src/js/editor/snippets.editor.js',
+            'theme_prime/static/src/scss/editor/editor.scss',
+
+            # 'theme_prime/static/src/scss/editor/dialogs/dialog_snippet_configurator.scss',
+            'theme_prime/static/src/xml/editor/dialogs/snippet_configurator_dialog.xml',
+            'theme_prime/static/src/xml/frontend/image_hotspot.xml',
+
+            'theme_prime/static/src/js/editor/snippets/snippets.options.js',
+            'theme_prime/static/src/xml/frontend/documents.xml',
+            'theme_prime/static/src/components/*'
+        ],
+
+    },
+}

theme_prime/controllers/__init__.py

@@ -0,0 +1,4 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from . import main

theme_prime/data/theme.ir.attachment.csv

@@ -0,0 +1,117 @@
+id,key,name,url
+s_banner_1_1,theme_prime.s_banner_1_1,theme_prime.s_banner_1_1,/theme_prime/static/src/img/snippets/s_banner_1_1.jpg
+s_banner_1_2,theme_prime.s_banner_1_2,theme_prime.s_banner_1_2,/theme_prime/static/src/img/snippets/s_banner_1_2.jpg
+s_banner_1_3,theme_prime.s_banner_1_3,theme_prime.s_banner_1_3,/theme_prime/static/src/img/snippets/s_banner_1_3.jpg
+s_banner_3_1,theme_prime.s_banner_3_1,theme_prime.s_banner_3_1,/theme_prime/static/src/img/snippets/s_banner_3_1.jpg
+s_banner_3_2,theme_prime.s_banner_3_2,theme_prime.s_banner_3_2,/theme_prime/static/src/img/snippets/s_banner_3_2.jpg
+s_banner_3_3,theme_prime.s_banner_3_3,theme_prime.s_banner_3_3,/theme_prime/static/src/img/snippets/s_banner_3_3.jpg
+s_banner_4_1,theme_prime.s_banner_4_1,theme_prime.s_banner_4_1,/theme_prime/static/src/img/snippets/s_banner_4_1.jpg
+s_banner_4_2,theme_prime.s_banner_4_2,theme_prime.s_banner_4_2,/theme_prime/static/src/img/snippets/s_banner_4_2.jpg
+s_banner_4_3,theme_prime.s_banner_4_3,theme_prime.s_banner_4_3,/theme_prime/static/src/img/snippets/s_banner_4_3.jpg
+s_banner_5_1,theme_prime.s_banner_5_1,theme_prime.s_banner_5_1,/theme_prime/static/src/img/snippets/s_banner_5_1.png
+s_banner_5_2,theme_prime.s_banner_5_2,theme_prime.s_banner_5_2,/theme_prime/static/src/img/snippets/s_banner_5_2.png
+s_banner_6_1,theme_prime.s_banner_6_1,theme_prime.s_banner_6_1,/theme_prime/static/src/img/snippets/s_banner_6_1.jpg
+s_banner_6_2,theme_prime.s_banner_6_2,theme_prime.s_banner_6_2,/theme_prime/static/src/img/snippets/s_banner_6_2.jpg
+s_banner_6_3,theme_prime.s_banner_6_3,theme_prime.s_banner_6_3,/theme_prime/static/src/img/snippets/s_banner_6_3.jpg
+s_brand_1,theme_prime.s_brand_1,theme_prime.s_brand_1,/theme_prime/static/src/img/snippets/s_brand_1.png
+s_brand_2,theme_prime.s_brand_2,theme_prime.s_brand_2,/theme_prime/static/src/img/snippets/s_brand_2.png
+s_brand_3,theme_prime.s_brand_3,theme_prime.s_brand_3,/theme_prime/static/src/img/snippets/s_brand_3.png
+s_banner_7_1,theme_prime.s_banner_7_1,theme_prime.s_banner_7_1,/theme_prime/static/src/img/snippets/s_banner_7_1.jpg
+s_banner_7_2,theme_prime.s_banner_7_2,theme_prime.s_banner_7_2,/theme_prime/static/src/img/snippets/s_banner_7_2.jpg
+s_banner_7_3,theme_prime.s_banner_7_3,theme_prime.s_banner_7_3,/theme_prime/static/src/img/snippets/s_banner_7_3.jpg
+s_banner_8_1,theme_prime.s_banner_8_1,theme_prime.s_banner_8_1,/theme_prime/static/src/img/snippets/s_banner_8_1.jpg
+s_banner_8_2,theme_prime.s_banner_8_2,theme_prime.s_banner_8_2,/theme_prime/static/src/img/snippets/s_banner_8_2.jpg
+s_banner_8_3,theme_prime.s_banner_8_3,theme_prime.s_banner_8_3,/theme_prime/static/src/img/snippets/s_banner_8_3.jpg
+s_banner_9_1,theme_prime.s_banner_9_1,theme_prime.s_banner_9_1,/theme_prime/static/src/img/snippets/s_banner_9_1.jpg
+s_banner_9_2,theme_prime.s_banner_9_2,theme_prime.s_banner_9_2,/theme_prime/static/src/img/snippets/s_banner_9_2.jpg
+s_banner_9_3,theme_prime.s_banner_9_3,theme_prime.s_banner_9_3,/theme_prime/static/src/img/snippets/s_banner_9_3.jpg
+s_banner_10_1,theme_prime.s_banner_10_1,theme_prime.s_banner_10_1,/theme_prime/static/src/img/snippets/s_banner_10_1.png
+s_banner_12_1,theme_prime.s_banner_12_1,theme_prime.s_banner_12_1,/theme_prime/static/src/img/snippets/s_banner_12_1.jpg
+s_banner_12_2,theme_prime.s_banner_12_2,theme_prime.s_banner_12_2,/theme_prime/static/src/img/snippets/s_banner_12_2.jpg
+s_banner_13_1,theme_prime.s_banner_13_1,theme_prime.s_banner_13_1,/theme_prime/static/src/img/snippets/s_banner_13_1.jpg
+s_banner_13_2,theme_prime.s_banner_13_2,theme_prime.s_banner_13_2,/theme_prime/static/src/img/snippets/s_banner_13_2.jpg
+s_banner_13_3,theme_prime.s_banner_13_3,theme_prime.s_banner_13_3,/theme_prime/static/src/img/snippets/s_banner_13_3.jpg
+s_banner_13_4,theme_prime.s_banner_13_4,theme_prime.s_banner_13_4,/theme_prime/static/src/img/snippets/s_banner_13_4.jpg
+s_banner_14_1,theme_prime.s_banner_14_1,theme_prime.s_banner_14_1,/theme_prime/static/src/img/snippets/s_banner_14_1.png
+s_banner_14_2,theme_prime.s_banner_14_2,theme_prime.s_banner_14_2,/theme_prime/static/src/img/snippets/s_banner_14_2.png
+s_banner_15_1,theme_prime.s_banner_15_1,theme_prime.s_banner_15_1,/theme_prime/static/src/img/snippets/s_banner_15_1.jpg
+s_client_01,theme_prime.s_client_01,theme_prime.s_client_01,/theme_prime/static/src/img/snippets/s_client_01.png
+s_client_02,theme_prime.s_client_02,theme_prime.s_client_02,/theme_prime/static/src/img/snippets/s_client_02.png
+s_client_03,theme_prime.s_client_03,theme_prime.s_client_03,/theme_prime/static/src/img/snippets/s_client_03.png
+s_client_04,theme_prime.s_client_04,theme_prime.s_client_04,/theme_prime/static/src/img/snippets/s_client_04.png
+s_client_05,theme_prime.s_client_05,theme_prime.s_client_05,/theme_prime/static/src/img/snippets/s_client_05.png
+s_client_06,theme_prime.s_client_06,theme_prime.s_client_06,/theme_prime/static/src/img/snippets/s_client_06.png
+s_client_07,theme_prime.s_client_07,theme_prime.s_client_07,/theme_prime/static/src/img/snippets/s_client_07.png
+s_client_08,theme_prime.s_client_08,theme_prime.s_client_08,/theme_prime/static/src/img/snippets/s_client_08.png
+s_client_09,theme_prime.s_client_09,theme_prime.s_client_09,/theme_prime/static/src/img/snippets/s_client_09.png
+s_client_10,theme_prime.s_client_10,theme_prime.s_client_10,/theme_prime/static/src/img/snippets/s_client_10.png
+s_client_11,theme_prime.s_client_11,theme_prime.s_client_11,/theme_prime/static/src/img/snippets/s_client_11.png
+s_client_12,theme_prime.s_client_12,theme_prime.s_client_12,/theme_prime/static/src/img/snippets/s_client_12.png
+s_coming_soon_2_1,theme_prime.s_coming_soon_2_1,theme_prime.s_coming_soon_2_1,/theme_prime/static/src/img/snippets/s_coming_soon_2_1.png
+s_coming_soon_2_2,theme_prime.s_coming_soon_2_2,theme_prime.s_coming_soon_2_2,/theme_prime/static/src/img/snippets/s_coming_soon_2_2.jpg
+s_info_block_1_1,theme_prime.s_info_block_1_1,theme_prime.s_info_block_1_1,/theme_prime/static/src/img/snippets/s_info_block_1_1.jpg
+s_info_block_2_1,theme_prime.s_info_block_2_1,theme_prime.s_info_block_2_1,/theme_prime/static/src/img/snippets/s_info_block_2_1.jpg
+s_info_block_3_1,theme_prime.s_info_block_3_1,theme_prime.s_info_block_3_1,/theme_prime/static/src/img/snippets/s_info_block_3_1.jpg
+s_info_block_3_2,theme_prime.s_info_block_3_2,theme_prime.s_info_block_3_2,/theme_prime/static/src/img/snippets/s_info_block_3_2.jpg
+s_info_block_4_1,theme_prime.s_info_block_4_1,theme_prime.s_info_block_4_1,/theme_prime/static/src/img/snippets/s_info_block_4_1.jpg
+s_info_block_4_2,theme_prime.s_info_block_4_2,theme_prime.s_info_block_4_2,/theme_prime/static/src/img/snippets/s_info_block_4_2.jpg
+s_info_block_4_3,theme_prime.s_info_block_4_3,theme_prime.s_info_block_4_3,/theme_prime/static/src/img/snippets/s_info_block_4_3.jpg
+s_info_block_5_1,theme_prime.s_info_block_5_1,theme_prime.s_info_block_5_1,/theme_prime/static/src/img/snippets/s_info_block_5_1.jpg
+s_info_block_5_2,theme_prime.s_info_block_5_2,theme_prime.s_info_block_5_2,/theme_prime/static/src/img/snippets/s_info_block_5_2.jpg
+s_info_block_6_1,theme_prime.s_info_block_6_1,theme_prime.s_info_block_6_1,/theme_prime/static/src/img/snippets/s_info_block_6_1.jpg
+s_info_block_7_1,theme_prime.s_info_block_7_1,theme_prime.s_info_block_7_1,/theme_prime/static/src/img/snippets/s_info_block_7_1.jpeg
+s_info_block_8_1,theme_prime.s_info_block_8_1,theme_prime.s_info_block_8_1,/theme_prime/static/src/img/snippets/s_info_block_8_1.png
+s_cover_1_1,theme_prime.s_cover_1_1,theme_prime.s_cover_1_1,/theme_prime/static/src/img/snippets/s_cover_1_1.png
+s_cover_1_2,theme_prime.s_cover_1_2,theme_prime.s_cover_1_2,/theme_prime/static/src/img/snippets/s_cover_1_2.png
+s_cover_1_brand_1,theme_prime.s_cover_1_brand_1,theme_prime.s_cover_1_brand_1,/theme_prime/static/src/img/snippets/s_cover_1_brand_1.png
+s_cover_1_brand_2,theme_prime.s_cover_1_brand_2,theme_prime.s_cover_1_brand_2,/theme_prime/static/src/img/snippets/s_cover_1_brand_2.png
+s_cover_2_1,theme_prime.s_cover_2_1,theme_prime.s_cover_2_1,/theme_prime/static/src/img/snippets/s_cover_2_1.jpg
+s_cover_2_2,theme_prime.s_cover_2_2,theme_prime.s_cover_2_2,/theme_prime/static/src/img/snippets/s_cover_2_2.jpg
+s_cover_3_1,theme_prime.s_cover_3_1,theme_prime.s_cover_3_1,/theme_prime/static/src/img/snippets/s_cover_3_1.jpg
+s_cover_4_1,theme_prime.s_cover_4_1,theme_prime.s_cover_4_1,/theme_prime/static/src/img/snippets/s_cover_4_1.png
+s_cover_4_2,theme_prime.s_cover_4_2,theme_prime.s_cover_4_2,/theme_prime/static/src/img/snippets/s_cover_4_2.png
+s_cover_4_3,theme_prime.s_cover_4_3,theme_prime.s_cover_4_3,/theme_prime/static/src/img/snippets/s_cover_4_3.png
+s_cover_4_4,theme_prime.s_cover_4_4,theme_prime.s_cover_4_4,/theme_prime/static/src/img/snippets/s_cover_4_4.png
+s_cover_4_5,theme_prime.s_cover_4_5,theme_prime.s_cover_4_5,/theme_prime/static/src/img/snippets/s_cover_4_5.png
+s_call_to_action_5_1,theme_prime.s_call_to_action_5_1,theme_prime.s_call_to_action_5_1,/theme_prime/static/src/img/snippets/s_call_to_action_5_1.jpg
+s_gallery_01,theme_prime.s_gallery_01,theme_prime.s_gallery_01,/theme_prime/static/src/img/snippets/s_gallery_01.jpg
+s_gallery_02,theme_prime.s_gallery_02,theme_prime.s_gallery_02,/theme_prime/static/src/img/snippets/s_gallery_02.jpg
+s_gallery_03,theme_prime.s_gallery_03,theme_prime.s_gallery_03,/theme_prime/static/src/img/snippets/s_gallery_03.jpg
+s_gallery_04,theme_prime.s_gallery_04,theme_prime.s_gallery_04,/theme_prime/static/src/img/snippets/s_gallery_04.jpg
+s_gallery_05,theme_prime.s_gallery_05,theme_prime.s_gallery_05,/theme_prime/static/src/img/snippets/s_gallery_05.jpg
+s_gallery_06,theme_prime.s_gallery_06,theme_prime.s_gallery_06,/theme_prime/static/src/img/snippets/s_gallery_06.jpg
+s_gallery_07,theme_prime.s_gallery_07,theme_prime.s_gallery_07,/theme_prime/static/src/img/snippets/s_gallery_07.jpg
+s_gallery_08,theme_prime.s_gallery_08,theme_prime.s_gallery_08,/theme_prime/static/src/img/snippets/s_gallery_08.jpg
+s_gallery_09,theme_prime.s_gallery_09,theme_prime.s_gallery_09,/theme_prime/static/src/img/snippets/s_gallery_09.jpg
+s_gallery_10,theme_prime.s_gallery_10,theme_prime.s_gallery_10,/theme_prime/static/src/img/snippets/s_gallery_10.jpg
+s_gallery_11,theme_prime.s_gallery_11,theme_prime.s_gallery_11,/theme_prime/static/src/img/snippets/s_gallery_11.jpg
+s_gallery_12,theme_prime.s_gallery_12,theme_prime.s_gallery_12,/theme_prime/static/src/img/snippets/s_gallery_12.jpg
+s_mega_menu_prime_2_1,theme_prime.s_mega_menu_prime_2_1,theme_prime.s_mega_menu_prime_2_1,/theme_prime/static/src/img/snippets/s_mega_menu_prime_2_1.jpg
+s_mega_menu_prime_3_1,theme_prime.s_mega_menu_prime_3_1,theme_prime.s_mega_menu_prime_3_1,/theme_prime/static/src/img/snippets/s_mega_menu_prime_3_1.png
+s_mega_menu_prime_4_1,theme_prime.s_mega_menu_prime_4_1,theme_prime.s_mega_menu_prime_4_1,/theme_prime/static/src/img/snippets/s_mega_menu_prime_4_1.jpg
+s_mega_menu_prime_5_1,theme_prime.s_mega_menu_prime_5_1,theme_prime.s_mega_menu_prime_5_1,/theme_prime/static/src/img/snippets/s_mega_menu_prime_5_1.jpg
+s_mega_menu_prime_5_2,theme_prime.s_mega_menu_prime_5_2,theme_prime.s_mega_menu_prime_5_2,/theme_prime/static/src/img/snippets/s_mega_menu_prime_5_2.jpg
+s_mega_menu_prime_5_3,theme_prime.s_mega_menu_prime_5_3,theme_prime.s_mega_menu_prime_5_3,/theme_prime/static/src/img/snippets/s_mega_menu_prime_5_3.jpg
+s_mega_menu_prime_5_4,theme_prime.s_mega_menu_prime_5_4,theme_prime.s_mega_menu_prime_5_4,/theme_prime/static/src/img/snippets/s_mega_menu_prime_5_4.jpg
+s_mega_menu_prime_6_1,theme_prime.s_mega_menu_prime_6_1,theme_prime.s_mega_menu_prime_6_1,/theme_prime/static/src/img/snippets/s_mega_menu_prime_6_1.jpg
+s_mega_menu_prime_6_2,theme_prime.s_mega_menu_prime_6_2,theme_prime.s_mega_menu_prime_6_2,/theme_prime/static/src/img/snippets/s_mega_menu_prime_6_2.png
+s_mega_menu_prime_6_3,theme_prime.s_mega_menu_prime_6_3,theme_prime.s_mega_menu_prime_6_3,/theme_prime/static/src/img/snippets/s_mega_menu_prime_6_3.jpg
+s_pricing_01,theme_prime.s_pricing_01,theme_prime.s_pricing_01,/theme_prime/static/src/img/snippets/s_pricing_01.jpg
+s_pricing_02,theme_prime.s_pricing_02,theme_prime.s_pricing_02,/theme_prime/static/src/img/snippets/s_pricing_02.jpg
+s_pricing_03,theme_prime.s_pricing_03,theme_prime.s_pricing_03,/theme_prime/static/src/img/snippets/s_pricing_03.jpg
+s_pricing_04,theme_prime.s_pricing_04,theme_prime.s_pricing_04,/theme_prime/static/src/img/snippets/s_pricing_04.jpg
+s_shop_offer_1_1,theme_prime.s_shop_offer_1_1,theme_prime.s_shop_offer_1_1,/theme_prime/static/src/img/snippets/s_shop_offer_1_1.jpg
+s_shop_offer_3_1,theme_prime.s_shop_offer_3_1,theme_prime.s_shop_offer_3_1,/theme_prime/static/src/img/snippets/s_shop_offer_3_1.jpg
+s_shop_offer_4_1,theme_prime.s_shop_offer_4_1,theme_prime.s_shop_offer_4_1,/theme_prime/static/src/img/snippets/s_shop_offer_4_1.jpg
+s_subscribe_4_1,theme_prime.s_subscribe_4_1,theme_prime.s_subscribe_4_1,/theme_prime/static/src/img/snippets/s_subscribe_4_1.jpg
+s_team_01,theme_prime.s_team_01,theme_prime.s_team_01,/theme_prime/static/src/img/snippets/s_team_01.png
+s_team_02,theme_prime.s_team_02,theme_prime.s_team_02,/theme_prime/static/src/img/snippets/s_team_02.png
+s_team_03,theme_prime.s_team_03,theme_prime.s_team_03,/theme_prime/static/src/img/snippets/s_team_03.png
+s_team_04,theme_prime.s_team_04,theme_prime.s_team_04,/theme_prime/static/src/img/snippets/s_team_04.png
+s_team_square_01,theme_prime.s_team_square_01,theme_prime.s_team_square_01,/theme_prime/static/src/img/snippets/s_team_square_01.png
+s_team_square_02,theme_prime.s_team_square_02,theme_prime.s_team_square_02,/theme_prime/static/src/img/snippets/s_team_square_02.png
+s_team_square_03,theme_prime.s_team_square_03,theme_prime.s_team_square_03,/theme_prime/static/src/img/snippets/s_team_square_03.png
+s_team_square_04,theme_prime.s_team_square_04,theme_prime.s_team_square_04,/theme_prime/static/src/img/snippets/s_team_square_04.png
+s_testimonial_author_01,theme_prime.s_testimonial_author_01,theme_prime.s_testimonial_author_01,/theme_prime/static/src/img/snippets/s_testimonial_author_01.jpg
+s_testimonial_author_02,theme_prime.s_testimonial_author_02,theme_prime.s_testimonial_author_02,/theme_prime/static/src/img/snippets/s_testimonial_author_02.jpg
+s_testimonial_author_03,theme_prime.s_testimonial_author_03,theme_prime.s_testimonial_author_03,/theme_prime/static/src/img/snippets/s_testimonial_author_03.jpg

theme_prime/doc/README.txt

@@ -0,0 +1 @@
+The documentation is available at https://prime-docs-v17-24052022.droggol.com/

theme_prime/models/__init__.py

@@ -0,0 +1,6 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from . import theme_prime
+from . import ir_http
+from . import product_template

theme_prime/models/ir_http.py

@@ -0,0 +1,13 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from odoo import models
+
+
+class IrHttp(models.AbstractModel):
+    _inherit = 'ir.http'
+
+    @classmethod
+    def _get_translation_frontend_modules_name(cls):
+        mods = super(IrHttp, cls)._get_translation_frontend_modules_name()
+        return mods + ['droggol_theme_common', 'theme_prime']

theme_prime/models/product_template.py

@@ -0,0 +1,231 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from odoo.osv import expression
+from odoo import models, fields, api, tools
+
+
+class ProductTemplate(models.Model):
+    _inherit = 'product.template'
+
+    dr_has_discount = fields.Boolean(compute="_compute_dr_has_discount", search="_search_dr_has_discount")
+
+    def _search_dr_has_discount(self, operator, value):
+        pricelist_id = self._context.get('pricelist')
+        if pricelist_id:
+            discounted_product_ids = self._get_product_pricelist_data(pricelist_id)
+            operator = 'in' if operator == '!=' else 'not in'
+            return [('id', operator, discounted_product_ids)]
+        return []
+
+    def _need_catch_update(self, pricelist_id, catch_date):
+        catch_date_obj = fields.Datetime.to_datetime(catch_date)
+        item_ids_catch = self._pricelist_items_for_date(pricelist_id, catch_date)
+        item_ids_now = self._pricelist_items_for_date(pricelist_id, fields.Datetime.to_string(fields.Datetime.now()))
+        if set(item_ids_catch) != set(item_ids_now):
+            return True
+
+        if self.env['product.pricelist'].browse(pricelist_id).write_date > catch_date_obj:
+            return True
+
+        product_grouped_data = self.env['product.template'].read_group([('sale_ok', '=', True)], ['write_date:max'], ['sale_ok'])
+        if product_grouped_data:
+            product_date = product_grouped_data[0].get('write_date')
+            if product_date > catch_date_obj:
+                return True
+        return False
+
+    @api.model
+    def _pricelist_items_for_date(self, pricelist_id, date):
+        self.env.cr.execute(
+            """ SELECT item.id FROM product_pricelist_item AS item
+                WHERE (item.pricelist_id = %s) AND (item.date_start IS NULL OR item.date_start<=%s) AND (item.date_end IS NULL OR item.date_end>=%s)
+            """, (pricelist_id, date, date))
+        return [x[0] for x in self.env.cr.fetchall()]
+
+    def _get_product_pricelist_data(self, pricelist_id):
+        discounted_product_ids, catch_date = self._get_product_pricelist_cache(pricelist_id)
+        need_catch_update = self._need_catch_update(pricelist_id, catch_date)
+        if need_catch_update:
+            self.clear_caches()
+            discounted_product_ids, catch_date = self._get_product_pricelist_cache(pricelist_id)
+        return discounted_product_ids
+
+    @tools.ormcache('pricelist_id')
+    def _get_product_pricelist_cache(self, pricelist_id):
+        products = self.sudo().search([('sale_ok', '=', True), ('website_published', '=', True)])    # Need sudo so all products are calculated
+        pricelist = self.env['product.pricelist'].browse(pricelist_id)
+        discounted_product_ids = []
+        website = self.env['website'].get_current_website()
+        # TODO: check fiscal_position_sudo PGA
+        fiscal_position_sudo = website.fiscal_position_id.sudo()
+        all_products_prices = products._get_sales_prices(pricelist, fiscal_position_sudo)
+        for p_id, price_data in all_products_prices.items():
+            if price_data.get('base_price'):
+                discounted_product_ids.append(p_id)
+        return discounted_product_ids, fields.Datetime.to_string(fields.Datetime.now())
+
+    def _dr_process_product_data(self, product_pricelist_data, product):
+        return {'display_name': product_pricelist_data['display_name'], 'price': product_pricelist_data['price'], 'id': product_pricelist_data['product_template_id']}
+
+    def _compute_dr_has_discount(self):
+        for product in self:
+            product.dr_has_discount = False
+
+    def _get_product_category_count(self, domain=[]):
+        tables, where_clause, where_clause_params = self._dr_prepare_query_parts(domain)
+        query = """
+            SELECT
+                count(product_template.id),
+                product_public_category.parent_path as path,
+                product_public_category.parent_id as parent_id,
+                product_public_category.id as product_public_category_id
+            FROM product_public_category_product_template_rel
+                JOIN product_template ON product_template.id = product_public_category_product_template_rel.product_template_id
+                """ + tables + """
+                JOIN product_public_category ON product_public_category.id = product_public_category_product_template_rel.product_public_category_id
+            WHERE """ + where_clause + """
+            GROUP BY product_public_category.id;
+        """
+
+        self.env.cr.execute(query, where_clause_params)
+        query_res = self.env.cr.dictfetchall()
+
+        website = self.env['website'].get_current_website()
+        all_categ = self.env['product.public.category'].search(website.website_domain())
+        all_categ_data = [{'path': pc.parent_path, 'parent_id': pc.parent_id.id, 'product_public_category_id': pc.id} for pc in all_categ]
+
+        result_count = dict([(categ.id, 0) for categ in all_categ])
+
+        for line in all_categ_data:
+            for line2 in query_res:
+                if line.get('parent_id'):
+                    path_pattern = '/%s/' % line.get('product_public_category_id')
+                    if path_pattern in line2.get('path'):
+                        result_count[line.get('product_public_category_id')] += line2.get('count')
+                else:
+                    path_pattern = '%s/' % line.get('product_public_category_id')
+                    if line2.get('path').startswith(path_pattern):
+                        result_count[line.get('product_public_category_id')] += line2.get('count')
+
+        return result_count
+
+    def _get_product_attrib_count(self, attrib_values, domain=[]):
+        tables, where_clause, where_clause_params = self._dr_prepare_query_parts(domain)
+
+        query = """
+            SELECT
+                array_agg(product_template_attribute_line.product_tmpl_id) as product_tmpl_ids,
+                min(product_template_attribute_line.attribute_id) as product_attrib_id,
+                product_attribute_value.id
+            FROM product_template_attribute_line
+            JOIN product_attribute_value_product_template_attribute_line_rel
+                ON product_attribute_value_product_template_attribute_line_rel.product_template_attribute_line_id = product_template_attribute_line.id
+            JOIN product_attribute_value
+                ON product_attribute_value.id = product_attribute_value_product_template_attribute_line_rel.product_attribute_value_id
+            JOIN product_template ON product_template.id = product_template_attribute_line.product_tmpl_id
+            """ + tables + """
+            WHERE """ + where_clause + """ or product_template.id is NULL
+            GROUP BY product_attribute_value.id
+            ORDER BY product_attrib_id;
+        """
+
+        self.env.cr.execute(query, where_clause_params)
+        query_res = self.env.cr.dictfetchall()
+
+        result_count = {}
+
+        if attrib_values:
+
+            attrib_values_ids = [v[1] for v in attrib_values]
+            attrib_ids = [v[0] for v in attrib_values]
+            attrib_value_list = dict([(line.get('id'), line.get('product_tmpl_ids') or []) for line in query_res])
+
+            # Attribute -> Attribute Vals map
+            attrib_vals_map = {}
+            for line in query_res:
+                if not attrib_vals_map.get(line['product_attrib_id']):
+                    attrib_vals_map[line['product_attrib_id']] = []
+                attrib_vals_map[line['product_attrib_id']].append(line['id'])
+
+            # Attribute -> active product list
+            attrib_p_list = {}
+            for line in query_res:
+
+                value_id_1 = line.get('id')
+                product_ids_1 = line.get('product_tmpl_ids') or []
+                attrib_id_1 = line.get('product_attrib_id')
+
+                if not attrib_p_list.get(attrib_id_1):
+                    attrib_p_list[attrib_id_1] = set()
+
+                if value_id_1 in attrib_values_ids:
+                    attrib_p_list[attrib_id_1] = attrib_p_list[attrib_id_1] | set(product_ids_1)
+
+            # Attribute -> final list
+            attrib_product_list = {}
+            for line in query_res:
+                value_id_1 = line.get('id')
+                product_ids_1 = line.get('product_tmpl_ids') or []
+                attrib_id_1 = line.get('product_attrib_id')
+
+                if not attrib_product_list.get(value_id_1):
+                    attrib_product_list[value_id_1] = set(product_ids_1)
+
+                for line_2 in query_res:
+                    value_id_2 = line_2.get('id')
+                    product_ids_2 = line_2.get('product_tmpl_ids') or []
+                    attrib_id_2 = line_2.get('product_attrib_id')
+
+                    if value_id_2 not in attrib_vals_map.get(attrib_id_1, []) and value_id_2 in attrib_values_ids:
+                        attrib_product_list[value_id_1] = attrib_product_list[value_id_1] & attrib_p_list.get(attrib_id_2, set())
+
+            result_count = dict([(val_id, len(product_ids)) for val_id, product_ids in attrib_product_list.items()])
+        else:
+            result_count = dict([(line.get('id'), len(line.get('product_tmpl_ids') or [])) for line in query_res])
+        return result_count
+
+    def _get_product_rating_count(self, domain=[]):
+        tables, where_clause, where_clause_params = self._dr_prepare_query_parts(domain)
+        query = """
+            SELECT avg_rating, count(*) FROM (
+                SELECT FLOOR(avg(rating)) as avg_rating, rating_rating.res_id FROM rating_rating JOIN product_template ON product_template.id = rating_rating.res_id """ + tables + """
+                    WHERE (""" + where_clause + """) AND rating_rating.res_model = 'product.template' AND rating_rating.is_internal = False
+            GROUP BY rating_rating.res_id) AS rating_count group by avg_rating; """
+
+        self.env.cr.execute(query, where_clause_params)
+        query_result = dict(self.env.cr.fetchall())
+        total = 0
+        ratings_result = {rating: 0 for rating in range(1, 6)}
+        for result in range(5, 0, -1):
+            total += query_result.get(result, 0)
+            ratings_result[result] = total
+        return ratings_result
+
+    def _dr_prepare_query_parts(self, domain):
+        query = self._where_calc(domain)
+        self._apply_ir_rules(query)
+        tables, where_clause, where_clause_params = query.get_sql()
+        tables = tables.replace('"product_template"', ' ', 1)
+        return tables, where_clause, where_clause_params
+
+    def _search_render_results(self, fetch_fields, mapping, icon, limit):
+        current_website = self.env['website'].get_current_website()
+        if not current_website._dr_has_b2b_access():
+            mapping.pop("detail", None)
+        return super()._search_render_results(fetch_fields, mapping, icon, limit)
+
+    # Below block is to support fallback products
+    @api.model
+    def _search_fetch(self, search_detail, search, limit, order):
+        if search_detail.get('dr_search_domain'):
+            search_detail['base_domain'].append(search_detail.get('dr_search_domain'))
+            search = False
+        return super()._search_fetch(search_detail, search, limit, order)
+
+    @api.model
+    def _search_get_detail(self, website, order, options):
+        result = super()._search_get_detail(website, order, options)
+        if options.get('dr_search_domain'):
+            result['dr_search_domain'] = options.get('dr_search_domain')
+        return result

theme_prime/models/theme_prime.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+# Copyright (c) 2019-Present Droggol Infotech Private Limited. (<https://www.droggol.com/>)
+
+from odoo import api, models
+
+
+class ThemePrime(models.AbstractModel):
+    _inherit = 'theme.utils'
+
+    @api.model
+    def _reset_default_config(self):
+        header_styles = list(range(1, 9))
+        for style in header_styles:
+            self.disable_view('theme_prime.template_header_style_%s' % style)
+
+        footer_styles = list(range(1, 11))
+        for style in footer_styles:
+            self.disable_view('theme_prime.template_footer_style_%s' % style)
+
+        super()._reset_default_config()

theme_prime/static/description/index.html

@@ -0,0 +1,754 @@
+<div class="container position-relative pb-3" style="max-width: 1140px;">
+    <div class="first-parent position-absolute d-none d-lg-block" style="width:100vw;height:100%;background-color:#f5f5f5;margin-left: calc((1094px - 100vw) / 2);margin-top: -15px;padding: 56px;"></div>
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden" style="border-radius: 20px;min-height: 800px;">
+            <div class="col-md-12">
+
+                <!--HEADER START-->
+                <div class="row g-0 overflow-hidden position-absolute" style="border-radius:16px;width: 96%;margin: 2%;">
+                    <div class="col-md-12">
+                        <div class="h-100 p-1 o_install_prompt" style="backdrop-filter: blur(4px);max-width: 100%; width: 100% !important; opacity: 1; background-color: #00000024; border: 1px solid rgb(193 181 181 / 22%); border-radius: 16px;">
+                            <span class="d-none d-md-block position-relative pull-right" style="">
+                                <div class="text-center position-absolute w-100" style="margin-top:7px">
+                                    <small style="font-weight:600; color:#c3cad1; font-size:10px; display:inline-block;">
+                                        Need a help?
+                                    </small>
+                                </div>
+                                <a href="mailto:info@droggol.com?subject=Need info regarding Theme Prime" style="font-family: 'Inter';color:#fff; font-weight:bold; font-size:15px; display:inline-block; padding:28px 20px 16px 20px;" target="_blank">info@droggol.com</a>
+                                <div></div>
+                            </span>
+                            <img src="images/prime-logo.png" style="width: 160px;margin-top: 6px;margin-bottom: 5px;" loading="lazy">
+                        </div>
+                    </div>
+                </div>
+                <!--HEADER END-->
+
+                <div class="bg-white h-100">
+                    <img src="images/hero.png" class="img img-responsive"  loading="lazy"/>
+                    <img src="images/hero-2.png" class="img img-responsive"  loading="lazy"/>
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100 ">
+                    <a style="height: 4%;width: 18%;margin-top: 31%;margin-left: 4%;display:block;" class="position-absolute" href="https://youtu.be/iXAEbhTxXM4" target="_blank"> </a>
+                    <img src="images/theme-configurator.png" class="img img-responsive"  loading="lazy"/>
+                    <img src="images/config-footer.png" class="img img-responsive"  loading="lazy"/>
+                    <!-- <div style="margin-top: -16%;margin-left: 13%; padding-top: 3px; padding-left: 3px;height: 2%;width:26%;font-family:'Inter';font-weight:bold" class="position-absolute ">
+                        www.droggol.com/r/pg16
+                    </div> -->
+                </div>
+            </div>
+            <div class="col-md-12 o_cc4 d-none">
+                <ul class="nav nav-pills flex-row bg-white justify-content-around px-3" role="tablist">
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block active" id="nav_tabs_link_1" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#livechat" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important; cursor: pointer;">
+                                <img src="images/snippet_thumb/1.png" class="img img-responsive ss" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_2" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#contact_form" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/2.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_3" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#reviews" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/3.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_4" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#upsell_cross_sell" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/4.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/5.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/6.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/7.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/8.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/9.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/10.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/11.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/12.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/13.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/14.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/15.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/16.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                    <li class="nav-item mb-2 mb-lg-2" style="background-color: #d5eaff;border-radius: 6px;">
+                        <span class="nav-link p-0 d-block" id="nav_tabs_link_5" style="border-radius: 7px;padding-bottom: 1px !important;cursor: pointer;" data-toggle="tab" href="#coupons_and_promotions" role="tab">
+                            <span class="px-1 py-0 d-block" style="border-radius: 6px;background-color: #d5eaff !important;">
+                                <img src="images/snippet_thumb/17.png" class="img img-responsive" style="max-width: 46px;"/>
+                            </span>
+                        </span>
+                    </li>
+                </ul>
+            </div>
+
+            <div class="col-md-12 d-none">
+
+                <div class="tab-pane fade active show" id="livechat" role="tabpanel" aria-labelledby="livechat">
+                    <p class="fw_medium text-md-center">Answer your visitors questions instantly. <br>Messages pop up on your backend.</p>
+                </div>
+                <div class="tab-pane fade" id="contact_form" role="tabpanel" aria-labelledby="contact_form">
+                    <p class="fw_medium text-md-center">Create customized forms to convert more, and integrate them in your business flow in just a few clicks.</p>
+                </div>
+                <div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews">
+                    <p class="fw_medium text-md-center">Let people review and rate your products. Showcase your best products thanks to customers' comments.</p>
+                </div>
+                <div class="tab-pane fade" id="upsell_cross_sell" role="tabpanel" aria-labelledby="upsell_cross_sell">
+                    <p class="fw_medium text-md-center">Boost your sales with cross-selling and upselling opportunities on product pages, in the cart, or at checkout.</p>
+                </div>
+                <div class="tab-pane fade" id="coupons_and_promotions" role="tabpanel" aria-labelledby="coupons_and_promotions">
+                    <p class="fw_medium text-md-center">Encourage potential customers to buy your products with coupons and promotion campaigns.</p>
+                </div>
+
+
+            </div>
+
+
+
+        </div>
+    </div>
+
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+
+                <div class="bg-white h-100">
+                    <!-- <img src="images/search-ss.gif" class="img img-responsive position-absolute" style="margin-top: 251px; width: 50%;" loading="lazy"/> -->
+                    <video class="position-absolute" style="margin-top: 244px;width: 50%;margin-left: 2%;" autoplay muted loop>
+                        <source src="images/searchss.mp4" type="video/mp4">
+                    </video>
+                    <img src="images/smart-search.png" class="img img-responsive"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/megamenu-hero.png" class="img img-responsive"  loading="lazy"/>
+                    <div class="border-bottom text-center">
+                        <img src="images/megamenu.gif?4de8d3b" class="img img-fluid" style="width: 85%;" loading="lazy">
+                    </div>
+                    <img src="images/megamenu-footer.png" class="img img-responsive mt-5"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/header.png" class="img img-responsive"  loading="lazy"/>
+                    <div class="border-bottom text-center">
+                        <img src="images/header.gif" class="img img-fluid" style="width: 92%;" loading="lazy">
+                    </div>
+                    <img src="images/headers-2.png" class="img img-responsive mt-0"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/cards.png" class="img img-responsive"  loading="lazy"/>
+                    <img src="images/cards.gif" class="img img-responsive"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/cart-1.png" class="img img-responsive"  loading="lazy"/>
+                    <img src="images/cart-2.png" class="img img-responsive"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/hotspot-1.gif" class="img img-responsive position-absolute" style="margin-top: 18%;width: 48%;" loading="lazy"/>
+                    <img src="images/hotspot-3.png" class="img img-responsive position-absolute" style="width: 54%;margin-top: 24%;margin-left: 16%;" loading="lazy"/>
+                    <img src="images/hotspot-4.gif" class="img img-responsive position-absolute" style="margin-top: 62%;margin-left: 3%;" loading="lazy"/>
+                    <img src="images/hotspot.png" class="img img-responsive"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/b2b-mode.png" class="img img-responsive" loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <video class="position-absolute" style="margin-top: 18%;width: 43%;margin-left: 6%;" autoplay muted loop>
+                        <source src="images/mobile.mp4" type="video/mp4">
+                    </video>
+                    <img src="images/mobile.png" class="img img-responsive"  loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/pwa.png" class="img img-responsive" loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/settings.png" class="img img-responsive" loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;min-height: 500px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/filter.gif" class="img img-responsive position-absolute border deep-2 " loading="lazy" style="position: absolute; width: 25%; margin-top: 21%; margin-left: 30%; border-radius: 10px;"/>
+                    <img src="images/filters-hero.png" class="img img-responsive" loading="lazy"/>
+                    <img src="images/filter-footer.png" class="img img-responsive border-top" loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative my-5">
+        <div class="row" style="border-radius: 20px;">
+            <div class="col-md-6 mb-5">
+                <img src="images/features/01-quick-view.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/02-tabs.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/03-pricelist.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <!-- <div class="col-md-6 mb-5">
+                <img src="images/features/04-portal.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div> -->
+            <div class="col-md-6 mb-5">
+                <img src="images/features/05-offers-popup.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/06-attr-popup.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/07-doc.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/08-doc.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/09-brand.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/10-countdown.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/11-icons.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/12-coming-soon.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/13-zoom.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/14-pricelist-timer.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/15-multi-website.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/16-rtl.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/17-highlited-menu.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/18-all-brands-page.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <div class="col-md-6 mb-5">
+                <img src="images/features/19-layload-products.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div>
+            <!-- <div class="col-md-6 mb-5">
+                <img src="images/features/20-product-tags.png" class="img img-fluid deep-2 bg-white"
+                    style="border-radius: 20px; border-top: 1px solid #dbdbdb;" loading="lazy" />
+            </div> -->
+        </div>
+    </div>
+
+    <div class="position-relative mb-5">
+        <div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin:0px; border-radius:20px">
+            <div class="col-md-7 mb-0 p-0 mt-4">
+                <div class="position-relative">
+                    <img src="images/features/90-demo-1.png" class="img img-fluid  bg-white" loading="lazy">
+                </div>
+            </div>
+            <div class="col-md-5 d-flex p-0 border-left">
+                <div class="row g-0 w-100">
+                    <div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right" style="background-color:#ffefef">
+                        <div class="col-md-12 bordser-bottom  border-right p-4"><span class="o_ripple d-block position-absolute rounded-circle" style="height:409.797px; width:409.797px"></span>
+                            <h2 style="font-weight:400; color:#E84E48"> Explore Live Demo <br>for <b>Electronic Store</b></h2>
+                            <div class="card border-0 my-4">
+                                <div class="card-header" style="font-weight:600; font-family:'Inter'; padding:12px 10px; text-align:center; color:#ffffff; background-color:#E84E48; border:1px solid #bedce6">
+                                    Copy Given URL for Demo</div>
+                                <div class="card-body" style="border:1px solid #ccc; border-top:0px">
+                                    <p class="card-text text-center" style="font-size:25px; font-weight:300; font-family:'Inter'">
+                                        droggol.com/r/demo17-1 </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+<!-- 
+    <div class="position-relative mb-5">
+        <div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin:0px; border-radius:20px">
+            <div class="col-md-7 mb-0 p-0 mt-4">
+                <div class="position-relative">
+                    <img src="images/features/90-demo-2.png" class="img img-fluid  bg-white" loading="lazy">
+                </div>
+            </div>
+            <div class="col-md-5 d-flex p-0 border-left">
+                <div class="row g-0 w-100">
+                    <div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right"
+                        style="background-color:#FDEBF1">
+                        <div class="col-md-12 bordser-bottom  border-right p-4"><span
+                                class="o_ripple d-block position-absolute rounded-circle"
+                                style="height:409.797px; width:409.797px"></span>
+                            <h1 style="font-weight:400; color: #E81C62"> Explore Live Demo <br>for <b>Electronic Store 2</b>
+                            </h1>
+                            <div class="card border-0 my-4">
+                                <div class="card-header"
+                                    style="font-weight:600; font-family:'Inter'; padding:12px 10px; text-align:center; color:#ffffff; background-color:#E81C62; border:1px solid #FDEBF1">
+                                    Copy Given URL for Demo</div>
+                                <div class="card-body" style="border:1px solid #ccc; border-top:0px">
+                                    <p class="card-text text-center"
+                                        style="font-size:25px; font-weight:300; font-family:'Inter'">
+                                        droggol.com/r/demo16-2 </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="position-relative mb-5">
+        <div class="row mb-5 deep-2 bg-white overflow-hidden" style="margin: 0px;border-radius: 20px;">
+            <div class="col-md-7 mb-0 p-0 mt-4">
+                <div class="position-relative">
+                    <img src="images/features/90-demo-3.png" class="img img-fluid  bg-white" loading="lazy">
+                </div>
+            </div>
+            <div class="col-md-5 d-flex p-0 border-left">
+                <div class="row g-0 w-100">
+                    <div class="col-md-12 border-bottom d-flex align-items-center w-100 border-right"
+                        style="background-color: #e0f6ef;">
+                        <div class="col-md-12 bordser-bottom  border-right p-4" style=""><span
+                                class="o_ripple d-block position-absolute rounded-circle"
+                                style="height:409.797px; width:409.797px"></span>
+                            <h1 style="font-weight:400;color: #00B87C;"> Explore Live Demo <br>for <b>Food Store</b></h1>
+                            <div class="card border-0 my-4">
+                                <div class="card-header"
+                                    style="font-weight:600;font-family:'Inter';padding:12px 10px;text-align:center;color: #ffffff;background-color: #00B87C;border:1px solid #bedce6;">
+                                    Copy Given URL for Demo</div>
+                                <div class="card-body" style="border:1px solid #ccc; border-top:0px">
+                                    <p class="card-text text-center"
+                                        style="font-size:25px; font-weight:300; font-family:'Inter'">
+                                        droggol.com/r/demo16-3
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div> -->
+
+    <div class="position-relative mb-5">
+        <div class="row mb-3 deep-2 overflow-hidden" style="margin:0px; ">
+            <div class="col-md-12 p-0 overflow-hidden">
+                <ul class="nav nav-tabs nav-fill" style="margin-top: 0px !important;text-align: center;margin: auto;justify-content: space-around;background-color: transparent;" id="myTab" role="tablist">
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home"
+                            role="tab" aria-controls="home" aria-selected="true" style="color: #0080ff; font-weight: bold;">
+                        <span class="fa fa-question"> </span> Why Theme Prime
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile"
+                            role="tab" aria-controls="profile" aria-selected="false" style="color: #0080ff; font-weight: bold;">
+                        <span class="fa fa-book"></span> Documentation
+                        </a>
+                    </li>
+                    <li class="nav-item" role="presentation">
+                        <a class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact"
+                            role="tab" aria-controls="contact" aria-selected="false" style="color: #0080ff; font-weight: bold;">
+                        <span class="fa fa-question-circle"> </span> FAQs
+                        </a>
+                    </li>
+                </ul>
+                <div class="tab-content tab-content text-left px-3 py-5 px-md-5 border border-top-0 bg-white" id="myTabContent">
+                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
+                        <div class="row o_v_align_col_sm">
+                            <div class="col-sm-12">
+                                <h3><i class="fa fa-question-circle" style="color:#0080ff;"> </i> Why theme prime </h3>
+                                <p class="lead"
+                                    style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
+                                    There several reasons to choose theme prime. One of them is, its wide range of
+                                    configuration options.
+                                    With tons of configuration option you can mold your eCommerce based on your choice.
+                                    These configuration options are so easy to use that even user with no technical
+                                    knowledge can configure the eCommerce.
+                                <p class="lead"
+                                    style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
+                                    Theme prime has all the options that are required to run any modern eCommerce theme. It
+                                    supports multi-language and multi-website
+                                    so you can run multiple website with different configuration in the same odoo instance.
+                                </p>
+                                <p class="lead"
+                                    style="margin-right: 0px; margin-bottom: 10.5px; margin-left: 0px;font-family: 'Inter';font-weight: 400;">
+                                    Theme prime is developed by experience developers so it has top notch quality. Even if
+                                    it has tones of feature it does not slow down and runs without any hassle.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
+                        <div class="row o_v_align_col_sm">
+                            <div class="col-sm-5">
+                                <h3> <i class="fa fa-book" style="color: #0080ff;"> </i> Full Documentation </h3>
+                                <p stye="font-family: 'Inter';font-weight: 400;">We would like explain each and every
+                                    feature of our theme that's why we have created
+                                    detailed documentation.
+                                    We are constantly improving and adding new content and videos.
+                                </p>
+                                <div class="d-flex align-items-center alert alert-info">
+                                    <div class="flex-shrink-0">
+                                        <i class="fa fa-exclamation-circle fa-2x pull-left"> </i>
+                                    </div>
+                                    <div class="flex-grow-1 ms-3 small">
+                                        A full documentation
+                                        can be accessed once you purchase the theme. It is available in <b>/docs</b> folder of
+                                        theme module.
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-sm-6 col-sm-offset-1">
+                                <img src="images/features/docs_screenshot.png" alt="" class="p-0 img-fluid img-thumbnail shadow">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
+                        <div class="row o_v_align_col_sm">
+                            <div class="col-sm-12">
+
+
+                                <section class="s_faq">
+                                    <div class="accordion mb0" role="tablist" aria-multiselectable="true">
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_01">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_01" aria-expanded="false"
+                                                    aria-controls="buyer_faq_01">Is this app compatible with Odoo's multi
+                                                    website feature ?</a>
+                                            </h4>
+                                            <div id="buyer_faq_01" class="collapsed collapse mx-2 mb-2" role="tabpanel"
+                                                aria-labelledby="heading_buyer_faq_01" aria-expanded="true" style="">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p> Yes, this theme is multi website compatible. You can install same
+                                                        theme in multiple
+                                                        website with different configurations.
+                                                    </p>
+                                                    <p> Our dynamic snippets, snippet builder tools, product brands are also
+                                                        multi-website compatible.
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_02">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_02" aria-expanded="false"
+                                                    aria-controls="buyer_faq_02">Is this app compatible with Odoo
+                                                    Enterprise?</a>
+                                            </h4>
+                                            <div id="buyer_faq_02" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_02"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p>
+                                                        Yes, this theme is compatible with both Odoo v17 community and
+                                                        enterprise edition.
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_03">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_03" aria-expanded="false"
+                                                    aria-controls="buyer_faq_03">Where can i find doc for this theme?</a>
+                                            </h4>
+                                            <div id="buyer_faq_03" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_03"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p>You can access documentation from the <b style="color: #5559fc;">/doc</b> folder of
+                                                        purchased module..
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_04">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_04" aria-expanded="false"
+                                                    aria-controls="buyer_faq_04">Do you provide Odoo Website & eCommerce
+                                                    customizations
+                                                    services?</a>
+                                            </h4>
+                                            <div id="buyer_faq_04" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_04"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p>Yes we provide Website & eCommerce customizations services. Learn
+                                                        more about it at https://www.droggol.com/odoo-website-and-themes
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_05">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_05" aria-expanded="false"
+                                                    aria-controls="buyer_faq_05">Do i get demo data with the theme?</a>
+                                            </h4>
+                                            <div id="buyer_faq_05" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_05"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p> We have generated demo to showcase the theme's features. You won't
+                                                        get those data
+                                                        with theme.</p>
+                                                    <p> Pages like our demo can be generated easily. If you have any difficulties you can contact us any time at www.droggol.com/contactus and our team will answer questions related to the theme .</p>
+                                                    <p> Also images in the snippets are copyrighted and can not be used
+                                                        outside of droggol.com</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_06">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button"
+                                                    class="collapsed" data-bs-toggle="collapse" href="#buyer_faq_06" aria-expanded="false"
+                                                    aria-controls="buyer_faq_06">Can i resell or distribute the theme?</a>
+                                            </h4>
+                                            <div id="buyer_faq_06" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_06"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p>No! You can not resell or distribute this theme. This theme can only
+                                                        used for your
+                                                        website.</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="card mb-2" style="border:1px solid #e5e5e5;">
+                                            <h4 class="card-header" style="border: 0px;" role="tab" id="heading_buyer_faq_06">
+                                                <a style="font-weight: 600;     color: #291a1a;filter: hue-rotate(427deg)" role="button" class="collapsed"
+                                                    data-bs-toggle="collapse" href="#buyer_faq_07" aria-expanded="false" aria-controls="buyer_faq_07">
+                                                        Can i use theme on multiple odoo databases?
+                                                </a>
+                                            </h4>
+                                            <div id="buyer_faq_07" class="collapse mx-2 mb-2" role="tabpanel" aria-labelledby="heading_buyer_faq_07"
+                                                aria-expanded="false">
+                                                <div class="card-body"
+                                                    style="background-color: #f1f1f1 !important; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;">
+                                                    <p>
+                                                        No, you are not allowed to user theme on multiple odoo databases.
+                                                        You need to purchase theme separately for each projects/databases.
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </section>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="position-relative">
+        <div class="row g-0 deep-2 overflow-hidden my-5" style="border-radius: 20px;">
+            <div class="col-md-12">
+                <div class="bg-white h-100">
+                    <img src="images/contact.png" class="img img-responsive" loading="lazy"/>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row my-4 p-3 pb-2 position-relative">
+        <div class="col-12 p-4 deep-2 bg-white overflow-hidden" style="border-radius: 20px;">
+            <h2>Changelog</h2>
+            <hr class="mb-4 mt-0">
+            <h2 class="h4 pb-2">
+                <span style="color:#00A09D" class="pr-2">v17.0.0.0</span>-<span class="pl-2">Dec 26, 2023</span>
+            </h2>
+            <ul class="list-unstyled">
+                <li class="d-flex align-items-start mb-3">
+                    Initial release for v17
+                </li>
+            </ul>
+        </div>
+    </div>
+
+</div>
+