Oct 26 : [FIX] Bug Fixed 'product_visibility_website'

product_visibility_website/doc/RELEASE_NOTES.md

@@ -1,4 +1,4 @@
-## Module <website_product_visibility>
+## Module <product_visibility_website>
 
 #### 18.08.2022
 #### Version 16.0.1.0.0
@@ -9,7 +9,7 @@
 ##### FIX
 - Bug Fixed 
 
-#### 12.10.2023
+#### 20.10.2023
 #### Version 16.0.1.1.1
 ##### FIX
 - Feature Of Website Product Visibility For Portal Users Is Added

product_visibility_website/static/description/index.html

@@ -1,43 +1,35 @@
-<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+<div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
     <!-- TITLE BAR -->
-    <div class="d-flex align-items-center justify-content-between"
+    <div
             style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
         <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
              style="width: 42px; height: 42px;"/>
         <div>
-            <div
+            <div style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
-                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
                  class="mr-2">
                 <i class="fa fa-check mr-1"></i>Community
             </div>
-            <div
+            <div style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
-                    style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
                  class="mr-2">
                 <i class="fa fa-check mr-1"></i>Enterprise
             </div>
-            <div
+            <div style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
-                    style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
                  class="mr-2">
                 <i class="fa fa-check mr-1"></i>Odoo.sh
             </div>
         </div>
     </div>
     <!-- END OF TITLE BAR -->
-    <div class="container">
+
-        <div class="row">
-            <div class="col-sm-12 col-md-12 col-lg-12">
     <!-- APP HERO -->
     <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
         Website Product Visibility</h1>
     <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
-                    Website Product Visibility For Logged in, Logged out Users/Visitors and Portal Users</p>
+        Website Product Visibility for Logged in and Logged out
+        Users/Portal Users/Visitors</p>
     <!-- END OF APP HERO -->
-                <img src="assets/screenshots/hero.gif" class="img-responsive"
+    <img src="assets/screenshots/hero.gif"
-                     style="width: 100%; margin-left: auto; margin-right: auto;"/>
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
-            </div>
-        </div>
-    </div>
-
 
 </div>
 
@@ -60,7 +52,8 @@
                  style="background-color: #f5f5f5; padding: 30px; width: 100%;">
                 <div>
                     <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
-                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
                         more about this
                         module</span>
                 </div>
@@ -74,7 +67,8 @@
                  style="background-color: #f5f5f5; padding: 30px; width: 100%;">
                 <div>
                     <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
-                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                    <span
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
                         features of this
                         module</span>
                 </div>
@@ -88,9 +82,10 @@
                  style="background-color: #f5f5f5; padding: 30px; width: 100%;">
                 <div>
                     <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
-                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+                    <span
-            screenshots for this
+                            style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">See
-            module</span>
+                        key screenshots of this module
+                        </span>
                 </div>
                 <img src="assets/misc/right-arrow.png" width="36" height="36"/>
             </div>
@@ -101,8 +96,7 @@
 
 <!-- OVERVIEW SECTION -->
 <div class="d-flex align-items-center"
-     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
-     id="overview">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
         <img src="assets/misc/pie-chart.png"/>
@@ -116,7 +110,8 @@
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 py-4">
         This module helps you to make visible only the filtered products and
-        product categories for a logged in logged out users/visitors and Portal Users.
+        product categories for a logged in and logged out users/portal
+        users/visitors.
         Also, it enables the user to search products and product categories only
         from those available products and categories.
     </div>
@@ -138,36 +133,31 @@
 <div class="row"
      style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
     <div class="col-sm-12 col-md-6">
-        <div class="d-flex align-items-start"
+        <div class="d-flex align-items-center"
              style="margin-top: 40px; margin-bottom: 40px">
-            <img src="/assets/misc/check-box.png" class="mr-2"/>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
-            <div>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the logged users</span>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the logged users</span>
             <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                    Filter product and product categories according to the logged user.</p>
+                Filter product and product categories according to the logged
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 12px;"> </span>
+                user.</p>
-            </div>
         </div>
-        <div class="d-flex align-items-start"
+        <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
-            <img src="/assets/misc/check-box.png" class="mr-2"/>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
-            <div>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the public users/portal users/visitors</span>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Filter according to the public users/visitors and portal users</span>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">Filter product and product categories according to the public users/visitors and portal users.</p>
+                Filter product and product categories according to the public
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;"> </span>
+                users/portal users/visitors.</p>
-            </div>
         </div>
-        <div class="d-flex align-items-start"
+        <div class="d-flex align-items-center"
              style="margin-top: 30px; margin-bottom: 30px">
-            <img src="/assets/misc/check-box.png" class="mr-2"/>
+            <img src="assets/misc/check-box.png" class="mr-2"/>
-            <div>
+            <span style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Restrict user searches to available product/category only</span>
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Restrict user searches to available product/category only</span>
+            <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">
-                <p style="font-family: 'Roboto', sans-serif !important; font-weight: 400 !important; color: #282F33 !important; font-size: 1rem !important;">User can only search product and category among from the available product/category.</p>
+                User can only search product and category among from the
-                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;"> </span>
+                available product/category.</p>
-            </div>
         </div>
     </div>
-
 </div>
 <!-- END OF FEATURES SECTION -->
 
@@ -206,107 +196,122 @@
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise visibility for website shop (Product wise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the logged user in website
+                shop.</p>
             <img src="assets/screenshots/3.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Logged in Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for logged user in website
+                shop.</p>
             <img src="assets/screenshots/4.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product visibility for website shop (Category wise)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the logged user in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the logged user in
+                website shop.</p>
             <img src="assets/screenshots/5.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise filtering for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product wise filtering mode for the portal users in the website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product wise filtering mode for the portal users in the website
+                shop.</p>
             <img src="assets/screenshots/6.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Set filter for a portal user</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Setting the filtering mode for a portal user as No Filter.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Setting the filtering mode for a portal user as No Filter.</p>
             <img src="assets/screenshots/7.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise visibility for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the portal users in
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the portal users in
                 website shop when no filter is set for them.</p>
             <img src="assets/screenshots/8.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Portal Users)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for the portal users in the website
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for the portal users in the website
                 shop.</p>
             <img src="assets/screenshots/9.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Product visibility for website shop portal users (Categorywise)</h3>
+                Product visibility for website shop portal users (Category
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the portal users in
+                wise)</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the portal users in
                 website shop when no filter is set for them.</p>
             <img src="assets/screenshots/10.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise filtering for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product wise filtering mode for the visitors in the website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product wise filtering mode for the visitors in the website
+                shop.</p>
             <img src="assets/screenshots/11.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Product wise visibility for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Product wise) for the visitors in website shop.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Product wise) for the visitors in website
+                shop.</p>
             <img src="assets/screenshots/12.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Category wise filtering for website shop (Visitors)</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Category wise filtering mode for the visitors in the website shop</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Category wise filtering mode for the visitors in the website
+                shop.</p>
             <img src="assets/screenshots/13.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
-                Product visibility for website shop visitors (Category wise)</h3>
+                Product visibility for website shop visitors (Category
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Product visibility (Category wise) for the visitors in website shop.</p>
+                wise)</h3>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Product visibility (Category wise) for the visitors in website
+                shop.</p>
             <img src="assets/screenshots/14.png" class="img-thumbnail">
         </div>
-
         <div style="display: block; margin: 30px auto;">
             <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
                 Search available product from the list</h3>
-            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">Search product from the available product list.</p>
+            <p style="font-weight: 400; font-family: 'Montserrat', sans-serif; font-size: 14px;">
+                Search product from the available product list.</p>
             <img src="assets/screenshots/15.png" class="img-thumbnail">
         </div>
+
     </div>
 </div>
 <!-- END OF SCREENSHOTS SECTION -->
 
 <!-- RELATED PRODUCTS -->
-<div class="d-flex align-items-center" style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
-        <img src="assets/misc/categories.png" />
+        <img src="assets/misc/categories.png"/>
     </div>
-    <h2 class="mt-2" style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">Related
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related
         Products
     </h2>
 </div>
@@ -316,52 +321,71 @@
             <!-- The slideshow -->
             <div class="carousel-inner" style="padding: 30px;">
                 <div class="carousel-item" style="min-height: 198.656px;">
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                        <a href="https://apps.odoo.com/apps/modules/16.0/odoo_website_helpdesk/#" target="_blank">
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/dynamic_accounts_report/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/1.png">
                             </div>
                         </a>
                     </div>
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                        <a href="https://apps.odoo.com/apps/modules/16.0/animated_snippet/#" target="_blank">
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/custom_gantt_view/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/2.png">
                             </div>
                         </a>
                     </div>
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                        <a href="https://apps.odoo.com/apps/modules/16.0/customer_geolocation/#" target="_blank">
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/project_custom_gantt/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/3.png">
                             </div>
                         </a>
                     </div>
                 </div>
-                <div class="carousel-item active" style="min-height: 198.656px;">
+                <div class="carousel-item active"
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                     style="min-height: 198.656px;">
-                        <a href="https://apps.odoo.com/apps/modules/16.0/insta_feed_snippet/#" target="_blank">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/account_reports_xlsx/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/4.png">
                             </div>
                         </a>
                     </div>
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                        <a href="https://apps.odoo.com/apps/modules/16.0/website_signup_approval/#" target="_blank">
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/base_accounting_kit/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/5.png">
                             </div>
                         </a>
                     </div>
-                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float:left">
+                    <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
-                        <a href="https://apps.odoo.com/apps/modules/16.0/refer_friend_and_earn/#" target="_blank">
+                         style="float:left">
+                        <a href="https://apps.odoo.com/apps/modules/15.0/hr_payroll_community/"
+                           target="_blank">
                             <div style="border-radius:10px">
-                                <img class="img img-responsive center-block" style="border-radius: 0px;"
+                                <img class="img img-responsive center-block"
+                                     style="border-radius: 0px;"
                                      src="assets/modules/6.png">
                             </div>
                         </a>
@@ -369,10 +393,15 @@
                 </div>
             </div>
             <!-- Left and right controls -->
-            <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="width:35px; color:#000"> <span
+            <a class="carousel-control-prev" href="#demo1" data-slide="prev"
-                    class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span>
+               style="width:35px; color:#000"> <span
-            </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="width:35px; color:#000">
+                    class="carousel-control-prev-icon"><i
-                <span class="carousel-control-next-icon"><i class="fa fa-chevron-right"
+                    class="fa fa-chevron-left"
+                    style="font-size:24px"></i></span>
+            </a> <a class="carousel-control-next" href="#demo1"
+                    data-slide="next" style="width:35px; color:#000">
+                <span class="carousel-control-next-icon"><i
+                        class="fa fa-chevron-right"
                         style="font-size:24px"></i></span>
         </a>
         </div>