wip #7957

diff --git a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
index 42c10a16c9a5ef75129a0f9b8d24de403a2c80b0..a90c24109fffe41cbf700710a832f84ea12ce7a0 100644 (file)
--- a/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
+++ b/js/libs/fluidbook/cart/fluidbook.cart.newheidi.js
@@ -235,10 +235,10 @@ FluidbookCartNewHeidi.prototype = {
             content += '<tr class="row" data-ref="' + i + '">';
             content += '<td class="reference"><span data-label="Réf">' + i + '</span></td>';
             content += '<td class="designation"><span>' + item.name + '</span></td>';
-            content += '<td class="center"><span data-label="Unités par lot">' + item.batch + '</span></td>';
-            content += '<td class="center"><span data-label="Prix du lot (EUR HT)" class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
-            content += '<td class="quantite center"><button class="quantity-control decrease"></button><input type="text" name="qty" value="' + item.quantity + '" data-ref="' + i + '"><button class="quantity-control increase"></button></td>';
-            content += '<td class="center"><span class="subtotal-text" data-label="Sous-total (EUR HT)">' + subTotal + '</span></td>';
+            content += '<td class="lot center"><span data-label="Unités par lot">' + item.batch + '</span></td>';
+            content += '<td class="prix center"><span data-label="Prix du lot (EUR HT)" class="price-text">' + $this.normalizePrice(item.price.toFixed(2), false) + '</span></td>';
+            content += '<td class="quantite center"><span data-label="Quantité"></span><button class="quantity-control decrease"></button><input type="text" name="qty" value="' + item.quantity + '" data-ref="' + i + '"><button class="quantity-control increase"></button></td>';
+            content += '<td class="subtotal center"><span class="subtotal-text" data-label="Sous-total (EUR HT)">' + subTotal + '</span></td>';
             content += '<td class="delete"><a href="#" data-cart-delete="' + i + '">' + getSpriteIcon('interface-close') + '</a></td>';
             content += '</tr>';
         });
@@ -351,7 +351,7 @@ FluidbookCartNewHeidi.prototype = {
                         <input type="text" name="address" value="${data.address ?? ''}">
                     </div><br>
                     <div class="form-group">
-                        <label for="delivery_date">Date de livraison souhaitée</label>
+                        <label for="delivery_date">Date de livraison souhaitée*</label>
                         <input type="text" name="delivery_date" value="${data.delivery_date ?? ''}">
                     </div><br> 
                     <div class="form-group textarea">

diff --git a/style/cart/newheidi.less b/style/cart/newheidi.less
index dddcc482361d052ef11f7b38d1c99cfb06c9185a..1a81bf5614c80c5b4aacb103c93d43bb62254839 100644 (file)
--- a/style/cart/newheidi.less
+++ b/style/cart/newheidi.less
@@ -265,6 +265,8 @@
 
       @media @breakpoint {
         margin-bottom: 20px;
+        display: flex;
+        flex-direction: column;
       }
     }
 
@@ -289,6 +291,36 @@
 
         @media @breakpoint {
           padding-left: 0;
+          order: 4;
+        }
+      }
+
+      &.lot {
+
+        @media @breakpoint {
+          order: 2;
+        }
+      }
+
+      &.prix {
+
+        @media @breakpoint {
+          order: 3;
+        }
+      }
+
+      &.subtotal {
+
+        @media @breakpoint {
+          display: none;
+        }
+      }
+
+      &.designation {
+
+        @media @breakpoint {
+          font-weight: bold;
+          order: 1;
         }
       }
 
@@ -298,12 +330,22 @@
 
       &.quantite {
         position: relative;
+
+        @media @breakpoint {
+          order: 5;
+          margin-top: 15px;
+        }
       }
 
       &.delete {
         width: 20px;
         padding: 0;
 
+        @media @breakpoint {
+          order: 6;
+          margin-top: 15px;
+        }
+
         a {
           width: 22px;
           height: 22px;
@@ -334,7 +376,6 @@
 
         @media @breakpoint {
           content: attr(data-label) ' : ';
-          font-weight: bold;
         }
       }
     }
@@ -369,7 +410,7 @@
       background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' id='Calque_2' viewBox='0 0 4.84 1.06'><g id='panier'><path d='M0,1.06V0h4.84v1.06H0Z'/></g></svg>");
 
       @media @breakpoint {
-        left: 4px;
+        left: 74px;
       }
     }