[IMP] website_sale: add small improvements on shop pages

- Remove the class "text-uppercase" from "add to cart" and "buy now"
buttons.
- Increase font size of the product page breadcrumb.
- Rename "Default" into "Featured" in the sort by of the shop page.
- Add a scrollbar on the cart popover.

task-2574300

PR-73234

addons/website_sale/static/src/scss/website_sale.scss

@@ -71,7 +71,7 @@ $o-wsale-products-layout-grid-gutter-width: min($grid-gutter-width / 2, $o-wsale
     .breadcrumb {
         background-color: gray('100');
         padding: 0.6rem 0.75rem;
-        font-size: 0.8rem;
+        font-size: 0.9rem;
 
         a {
             color: theme-color('primary');
@@ -549,6 +549,10 @@ ul.wizard {
     .cart_line {
         border-bottom: 1px #EEE solid;
     }
+    .popover-body {
+        max-height: 70vh;
+        overflow-y: auto;
+    }
 }
 
 tr#empty {

addons/website_sale/static/tests/tours/website_sale_shop_custom_attribute_value.js

@@ -19,7 +19,7 @@ odoo.define("website_sale.tour_shop_custom_attribute_value", function (require)
         run: 'text Wood',
     }, {
         id: 'add_cart_step',
-        trigger: 'a:contains(Add to Cart)',
+        trigger: 'a:contains(ADD TO CART)',
         run: 'click',
     },
         tourUtils.goToCart(), 

addons/website_sale/static/tests/tours/website_sale_shop_customize.js

@@ -113,7 +113,7 @@ odoo.define('website_sale.tour_shop_customize', function (require) {
             },
             {
                 content: "click on 'Add to Cart' button",
-                trigger: "a:contains(Add to Cart)",
+                trigger: "a:contains(ADD TO CART)",
             },
             {
                 content: "check quantity",

addons/website_sale/static/tests/tours/website_sale_shop_list_view_b2c.js

@@ -59,7 +59,7 @@ tour.register('shop_list_view_b2c', {
         },
         {
             content: "click on 'Add to Cart' button",
-            trigger: 'a:contains(Add to Cart)',
+            trigger: 'a:contains(ADD TO CART)',
         },
             tourUtils.goToCart(),
         {

addons/website_sale/static/tests/tours/website_sale_shop_no_variant_attribute.js

@@ -21,7 +21,7 @@ tour.register('tour_shop_no_variant_attribute', {
     },
     {
         content: "add to cart",
-        trigger: 'a:contains(Add to Cart)',
+        trigger: 'a:contains(ADD TO CART)',
     },
         tourUtils.goToCart(),
     {

addons/website_sale/views/templates.xml

@@ -361,7 +361,7 @@
                             <t t-esc="website_sale_sortable_current[0][0]"/>
                         </t>
                         <t t-else='1'>
-                            Default
+                            Featured
                         </t>
                     </span>
                     <i class="fa fa-sort-amount-asc d-lg-none"/>
@@ -610,7 +610,7 @@
                                     </t>
                                     <p t-if="True" class="css_not_available_msg alert alert-warning">This combination does not exist.</p>
                                     <div id="add_to_cart_wrap" class="d-inline">
-                                        <a role="button" id="add_to_cart" class="btn btn-primary btn-lg js_check_product a-submit text-uppercase my-1 mr-1 px-5 font-weight-bold flex-grow-1" href="#"><i class="fa fa-shopping-cart mr-2"/>Add to Cart</a>
+                                        <a role="button" id="add_to_cart" class="btn btn-primary btn-lg js_check_product a-submit my-1 mr-1 px-5 font-weight-bold flex-grow-1" href="#"><i class="fa fa-shopping-cart mr-2"/>ADD TO CART</a>
                                         <div id="product_option_block" class="d-inline-block align-middle"/>
                                     </div>
                                 </div>
@@ -748,7 +748,7 @@
 
     <template id="product_buy_now" inherit_id="website_sale.product" active="False" customize_show="True" name="Buy Now Button">
         <xpath expr="//a[@id='add_to_cart']" position="after">
-            <a role="button" class="btn btn-outline-primary btn-lg text-uppercase px-5 font-weight-bold o_we_buy_now" href="#"><i class="fa fa-bolt mr-2"/>Buy Now</a>
+            <a role="button" class="btn btn-outline-primary btn-lg px-5 font-weight-bold o_we_buy_now" href="#"><i class="fa fa-bolt mr-2"/>BUY NOW</a>
         </xpath>
     </template>
 

addons/website_sale_coupon/static/tests/tours/website_sale_coupon.js

@@ -38,7 +38,7 @@ tour.register('shop_sale_coupon', {
         },
         {
             content: "click on 'Add to Cart' button",
-            trigger: "a:contains(Add to Cart)",
+            trigger: "a:contains(ADD TO CART)",
         },
             tourUtils.goToCart(2),
         {
@@ -119,7 +119,7 @@ tour.register('shop_sale_coupon', {
         },
         {
             content: "click on 'Add to Cart' button",
-            trigger: "a:contains(Add to Cart)",
+            trigger: "a:contains(ADD TO CART)",
         },
             tourUtils.goToCart(3),
         {

addons/website_sale_product_configurator/static/tests/tours/website_sale_shop_custom_attributes_value.js

@@ -21,7 +21,7 @@ tour.register("a_shop_custom_attribute_value", {
     run: function (){}, // check
 }, {
     id: 'add_cart_step',
-    trigger: 'a:contains(Add to Cart)',
+    trigger: 'a:contains(ADD TO CART)',
     run: 'click',
 }, {
     trigger: '.oe_optional_products_modal .js_product:eq(1) div:contains("Conference Chair (TEST) (Steel)")',