From 6fa9ccb5523489b5fd928107c5a9f8652c335101 Mon Sep 17 00:00:00 2001
From: Samir Boulahtit <samir.boulahtit@wizard.lu>
Date: Sun, 23 Nov 2025 06:30:23 +0100
Subject: [PATCH] fix: use proper SVG placeholder image across all shop
 templates
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Issues fixed:
- placeholder.jpg contained SVG content but browsers won't render SVG in .jpg files
- Multiple templates referenced wrong placeholder paths

Changes:
- Rename placeholder.jpg to placeholder.svg with proper SVG file
- Update product.html to use /static/shop/img/placeholder.svg
- Update products.html to use /static/shop/img/placeholder.svg
- Update cart.html to use /static/shop/img/placeholder.svg (was /static/images/)

All shop pages now correctly display placeholder images when products
have no image_link set.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/templates/shop/cart.html                         | 2 +-
 app/templates/shop/product.html                      | 4 ++--
 app/templates/shop/products.html                     | 2 +-
 static/shop/img/{placeholder.jpg => placeholder.svg} | 0
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename static/shop/img/{placeholder.jpg => placeholder.svg} (100%)

diff --git a/app/templates/shop/cart.html b/app/templates/shop/cart.html
index a1c814b8..58d0fd76 100644
--- a/app/templates/shop/cart.html
+++ b/app/templates/shop/cart.html
@@ -45,7 +45,7 @@
                 <template x-for="item in items" :key="item.product_id">
                     <div class="cart-item-card">
                         <div class="item-image">
-                            <img :src="item.image_url || '/static/images/placeholder.png'"
+                            <img :src="item.image_url || '/static/shop/img/placeholder.svg'"
                                  :alt="item.name">
                         </div>
 
diff --git a/app/templates/shop/product.html b/app/templates/shop/product.html
index d00c5928..04c4eb21 100644
--- a/app/templates/shop/product.html
+++ b/app/templates/shop/product.html
@@ -29,7 +29,7 @@
         <div class="product-images">
             <div class="main-image bg-white dark:bg-gray-800 rounded-lg overflow-hidden mb-4">
                 <img
-                    :src="selectedImage || '/static/shop/img/placeholder.jpg'"
+                    :src="selectedImage || '/static/shop/img/placeholder.svg'"
                     :alt="product?.marketplace_product?.title"
                     class="w-full h-auto object-contain"
                     style="max-height: 600px;"
@@ -186,7 +186,7 @@
                 <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow overflow-hidden cursor-pointer">
                     <a :href="`{{ base_url }}shop/products/${related.id}`">
                         <img
-                            :src="related.marketplace_product?.image_link || '/static/shop/img/placeholder.jpg'"
+                            :src="related.marketplace_product?.image_link || '/static/shop/img/placeholder.svg'"
                             :alt="related.marketplace_product?.title"
                             class="w-full h-48 object-cover"
                         >
diff --git a/app/templates/shop/products.html b/app/templates/shop/products.html
index c94b43ac..5e17730e 100644
--- a/app/templates/shop/products.html
+++ b/app/templates/shop/products.html
@@ -74,7 +74,7 @@
             <template x-for="product in products" :key="product.id">
                 <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow overflow-hidden">
                     <a :href="`{{ base_url }}shop/products/${product.id}`">
-                        <img :src="product.marketplace_product?.image_link || '/static/shop/img/placeholder.jpg'"
+                        <img :src="product.marketplace_product?.image_link || '/static/shop/img/placeholder.svg'"
                              :alt="product.marketplace_product?.title"
                              class="w-full h-48 object-cover">
                     </a>
diff --git a/static/shop/img/placeholder.jpg b/static/shop/img/placeholder.svg
similarity index 100%
rename from static/shop/img/placeholder.jpg
rename to static/shop/img/placeholder.svg