product > details : preserve line jump

.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "WebSearch"
+    ]
+  }
+}

.gitignore

@@ -48,3 +48,7 @@ Icon
 # ---------------
 
 /site/config/.license
+
+# Guide d'intégration (contient des informations sensibles)
+# ---------------
+GUIDE-INTEGRATION-MONDIAL-RELAY.md

assets/css/components/_text.scss

@@ -63,3 +63,12 @@
     margin-bottom: 0.5em;
   }
 }
+
+.section__product {
+  .details {
+    > p,
+    > ul {
+      margin-bottom: 1rem;
+    }
+  }
+}

assets/css/style.css

@@ -475,6 +475,11 @@ main {
   margin-bottom: 0.5em;
 }
 
+.section__product .details > p,
+.section__product .details > ul {
+  margin-bottom: 1rem;
+}
+
 @keyframes add-border {
   from {
     border-bottom-color: transparent;

content/1_tshirt-index-01/product.fr.txt

@@ -14,7 +14,7 @@ Description: T-shirt de soutien à Index, 100% coton
 
 ----
 
-Details: <p>item: 100% cotton - item: Lorem ipsum dolor sit amet</p>
+Details: <p>T-shirt en coton organique avec impression sérigraphique.<br>Marquage sur la face avant : logo « INDEX » de 10 cm de large.</p><ul><li><p>100 % coton biologique</p></li><li><p>Grammage : 180 g/m²</p></li><li><p>Jersey simple au toucher très doux</p></li><li><p>Excellente tenue dans le temps</p></li><li><p>Bande de propreté intérieure au col</p></li><li><p>Surpiqûres doubles en bas de manches et en bas de corps</p></li></ul><p>Envoi uniquement via Mondial Relay vers la France, la Belgique et la Suisse.</p>
 
 ----
 

site/blueprints/pages/product.yml

@@ -34,8 +34,9 @@ tabs:
                 translate: false
                 width: 1/4
               description:
-                label: Description
+                label: Description panier
                 type: writer
+                help: Visible dans le panier seulement.
               details:
                 label:
                   en: Details

site/templates/product.php

@@ -14,7 +14,7 @@
 
                 <div class="details">
                     <?php if($page->details()->isNotEmpty()): ?>
-                        <?= $page->details()->toBlocks() ?>
+                        <?= $page->details()->kt() ?>
                     <?php endif ?>
                 </div>