diff --git a/addons/website/data/website_data.xml b/addons/website/data/website_data.xml
index 4c4f8c14b8d..737f7d26557 100644
--- a/addons/website/data/website_data.xml
+++ b/addons/website/data/website_data.xml
@@ -647,37 +647,37 @@
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_1.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/furniture.jpg</field>
         </record>
         <record id="website.s_product_list_default_image_2" model="ir.attachment">
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_2.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/clothes.jpg</field>
         </record>
         <record id="website.s_product_list_default_image_3" model="ir.attachment">
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_3.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/books.jpg</field>
         </record>
         <record id="website.s_product_list_default_image_4" model="ir.attachment">
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_4.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/essentials_oils.jpg</field>
         </record>
         <record id="website.s_product_list_default_image_5" model="ir.attachment">
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_5.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/services.jpg</field>
         </record>
         <record id="website.s_product_list_default_image_6" model="ir.attachment">
             <field name="public" eval="True"/>
             <field name="name">s_product_list_default_image_6.jpg</field>
             <field name="type">url</field>
-            <field name="url">/website/static/src/img/snippets_demo/s_product_list_1.jpg</field>
+            <field name="url">/website/static/src/img/snippets_demo/multimedia.jpg</field>
         </record>
         <record id="website.s_quotes_carousel_demo_image_1" model="ir.attachment">
             <field name="public" eval="True"/>
diff --git a/addons/website/static/src/img/snippets_demo/books.jpg b/addons/website/static/src/img/snippets_demo/books.jpg
new file mode 100644
index 00000000000..3f30038177e
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/books.jpg differ
diff --git a/addons/website/static/src/img/snippets_demo/clothes.jpg b/addons/website/static/src/img/snippets_demo/clothes.jpg
new file mode 100644
index 00000000000..6ce62d27038
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/clothes.jpg differ
diff --git a/addons/website/static/src/img/snippets_demo/essentials_oils.jpg b/addons/website/static/src/img/snippets_demo/essentials_oils.jpg
new file mode 100644
index 00000000000..9561a605bc9
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/essentials_oils.jpg differ
diff --git a/addons/website/static/src/img/snippets_demo/furniture.jpg b/addons/website/static/src/img/snippets_demo/furniture.jpg
new file mode 100644
index 00000000000..8d33dc6be00
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/furniture.jpg differ
diff --git a/addons/website/static/src/img/snippets_demo/multimedia.jpg b/addons/website/static/src/img/snippets_demo/multimedia.jpg
new file mode 100644
index 00000000000..9fa60a94225
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/multimedia.jpg differ
diff --git a/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg b/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg
deleted file mode 100644
index 7dd29701958..00000000000
Binary files a/addons/website/static/src/img/snippets_demo/s_product_list_1.jpg and /dev/null differ
diff --git a/addons/website/static/src/img/snippets_demo/services.jpg b/addons/website/static/src/img/snippets_demo/services.jpg
new file mode 100644
index 00000000000..126a83020ff
Binary files /dev/null and b/addons/website/static/src/img/snippets_demo/services.jpg differ
diff --git a/addons/website/views/snippets/s_product_list.xml b/addons/website/views/snippets/s_product_list.xml
index f39bcc3fe81..746b4ba8b32 100644
--- a/addons/website/views/snippets/s_product_list.xml
+++ b/addons/website/views/snippets/s_product_list.xml
@@ -2,55 +2,56 @@
 <odoo>
 
 <template name="Items" id="s_product_list">
+    <t t-set="url" value="url or '#'"/>
     <section class="s_product_list">
         <div class="container-fluid">
             <div class="row">
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Furniture</a>
                     </div>
                 </div>
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Clothes</a>
                     </div>
                 </div>
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Books</a>
                     </div>
                 </div>
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Essential oils</a>
                     </div>
                 </div>
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Service</a>
                     </div>
                 </div>
                 <div class="col-lg-2 col-md-4 col-6">
-                    <a href="http://www.odoo.com">
+                    <a t-att-href="url">
                         <img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid"/>
                     </a>
                     <div class="s_product_list_item_link">
-                        <a href="http://www.odoo.com" class="btn btn-primary">View item</a>
+                        <a t-att-href="url" class="btn btn-primary">Multimedia</a>
                     </div>
                 </div>
             </div>