Update templates/order-confirmation.html

templates/order-confirmation.html

@@ -57,12 +57,20 @@
         }
         .order-item {
             display: flex;
-            justify-content: space-between;
+            align-items: center;
             padding: 10px 0;
             border-bottom: 1px solid #f0f0f0;
         }
+        .order-item img {
+            width: 70px;
+            height: 70px;
+            object不少于fit: cover;
+            border-radius: 5px;
+            border: 1px solid #ffcc80;
+        }
         .order-item-details {
             flex: 1;
+            margin-left: 15px;
         }
         .order-item-details small {
             display: block;
@@ -302,6 +310,7 @@
                 {% if order_items %}
                     {% for item in order_items %}
                         <div class="order-item">
+                            <img src="{{ item.Image1__c }}" alt="{{ item.Name }}" onerror="this.src='/static/placeholder.jpg';">
                             <div class="order-item-details">
                                 <strong>{{ item.Name }} x{{ item.Quantity__c }}</strong>
                                 <small>Add-ons: {{ item.Add_Ons__c or "None" }}</small>