From f5f12d94a9b1aab2b247c09a73183db141b40d9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Wed, 21 May 2025 15:27:47 +0200
Subject: [PATCH] feat: flip order of journey content on product detail page

closes #86994q39k
---
 .../Private/Partials/Journey/Details.html     | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
index 2323729b..4d20a21e 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Journey/Details.html
@@ -4,23 +4,27 @@
       xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
 
     <div class="odd:bg-zinc-50 p-4" data-rte-content>
-        <h3>
-            Eigenanreise
-        </h3>
-        {journey.byCar -> f:format.html()}
-        <f:if condition="{journey.image}">
-            <ep:lazyLoadImage image="{journey.image}"
-                              loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
-                              class="block w-full h-auto"
-                              width="770"
-                              height="430c+100"
-                              alt="{journey.image.alternative}" />
-        </f:if>
         <f:if condition="{journey.byBus}">
             <h3>
                 Busanreise
             </h3>
-            {journey.byBus -> f:format.html()}
+            <div class="pb-8">
+                {journey.byBus -> f:format.html()}
+            </div>
+        </f:if>
+        <f:if condition="{journey.byCar}">
+            <h3>
+                Eigenanreise
+            </h3>
+            {journey.byCar -> f:format.html()}
+            <f:if condition="{journey.image}">
+                <ep:lazyLoadImage image="{journey.image}"
+                                  loaderimg="EXT:ep_theme/Resources/Public/images/lazy.png"
+                                  class="block w-full h-auto"
+                                  width="770"
+                                  height="430c+100"
+                                  alt="{journey.image.alternative}" />
+            </f:if>
         </f:if>
     </div>