Feat: Project price container added (#314)

* Feat: Project price container added * Feat: Moving prices to footer
helsingborg-stad · Aug 7, 2023 · 5b19fdb · 5b19fdb
1 parent 5efa884
commit 5b19fdb
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/source/php/Component/Product/Product.php b/source/php/Component/Product/Product.php
@@ -25,6 +25,7 @@ public function init()
             if (!isset($button['color'])) {
                 $this->data['button']['color'] = $backgroundColor;
             }
+            $this->data['button']['classList'][] = 'c-product__button';
         }
     }
 }
diff --git a/source/php/Component/Product/components/button.blade.php b/source/php/Component/Product/components/button.blade.php
@@ -1,4 +1,3 @@
-<div class="c-card__footer">
-    @button($button)
-    @endbutton
-</div>
+@button($button)
+@endbutton
+
diff --git a/source/php/Component/Product/components/price.blade.php b/source/php/Component/Product/components/price.blade.php
@@ -1,3 +1,4 @@
+<div class="{{$baseClass}}__prices {{!empty($button) ? 'has-button' : ''}}">
 @foreach ($prices as $price)
     <div class="{{ $baseClass }}__price {{ $baseClass }}__price--{{ $price['color'] ?? $backgroundColor ?? 'primary' }}">
         @typography([
@@ -28,3 +29,4 @@
         @endif
     </div>
 @endforeach
+</div>
diff --git a/source/php/Component/Product/product.blade.php b/source/php/Component/Product/product.blade.php
@@ -17,7 +17,6 @@
             ])
                 {{ $label }}
             @endtypography
-            @includeWhen($prices, 'Product.components.price')
         </div>
         <div class="c-card__body c-product__body">
             @if ($meta)
@@ -37,6 +36,9 @@
                 @endlisting
             @endif
         </div>
-        @includeWhen(!empty($button), 'Product.components.button')
+        <div class="c-card__footer {{$baseClass}}__footer">
+                @includeWhen($prices, 'Product.components.price')
+                @includeWhen(!empty($button), 'Product.components.button')
+        </div>
     @endcard
 </div>