diff --git a/addons/website_sale/__manifest__.py b/addons/website_sale/__manifest__.py
index 7553589e16e..61a04f7eefb 100644
--- a/addons/website_sale/__manifest__.py
+++ b/addons/website_sale/__manifest__.py
@@ -56,6 +56,7 @@
             'website_sale/static/src/js/website_sale_recently_viewed.js',
             'website_sale/static/src/js/website_sale_tracking.js',
             'website/static/lib/multirange/multirange_custom.js',
+            'website_sale/static/src/js/website_sale_category_link.js',
         ],
         'web._assets_primary_variables': [
             'website_sale/static/src/scss/primary_variables.scss',
diff --git a/addons/website_sale/static/src/js/website_sale_category_link.js b/addons/website_sale/static/src/js/website_sale_category_link.js
new file mode 100644
index 00000000000..1163da0aa82
--- /dev/null
+++ b/addons/website_sale/static/src/js/website_sale_category_link.js
@@ -0,0 +1,14 @@
+/** @odoo-module **/
+
+import * as publicWidget from 'web.public.widget'
+
+publicWidget.registry.ProductCategoriesLinks = publicWidget.Widget.extend({
+    selector: '.products_categories',
+    events: {
+        'click [data-link-href]': '_openLink',
+    },
+
+    _openLink: function (ev) {
+        window.location.href = ev.currentTarget.getAttribute('data-link-href');
+    },
+});
diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 4ed8f433ee8..05a9c0627c6 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -396,7 +396,7 @@
     </template>
 
     <template id="categorie_link" name="Category Link">
-        <div t-attf-onclick="location.href='#{keep('/shop/category/' + slug(c), category=0)}';" class="custom-control custom-radio mb-1 d-inline-block">
+        <div t-att-data-link-href="keep('/shop/category/' + slug(c), category=0)" class="custom-control custom-radio mb-1 d-inline-block">
             <input type="radio" style="pointer-events:none;" class="custom-control-input" t-att-id="c.id" t-att-value="c.id" t-att-checked="'true' if c.id == category.id else None"/>
             <label class="custom-control-label font-weight-normal" t-att-for="c.id" t-field="c.name"/>
         </div>
@@ -419,7 +419,7 @@
                 <ul class="nav flex-column my-2">
                     <form>
                         <li class="nav-item">
-                            <div t-attf-onclick="location.href='#{keep('/shop', category=0)}';" class="custom-control custom-radio mb-1 d-inline-block">
+                            <div t-att-data-link-href="keep('/shop', category=0)" class="custom-control custom-radio mb-1 d-inline-block">
                                 <input type="radio" style="pointer-events:none;" class="custom-control-input o_not_editable" t-att-id="all_products" t-att-value="all_products" t-att-checked="'true' if not category else None"/>
                                 <label class="custom-control-label font-weight-normal" t-att-for="all_products">All Products</label>
                             </div>